詳細はこちらの公式サイトをご覧ください
お勧め記事ですので是非御覧ください
h4 { position:relative; padding:2px 5px 2px 25px; margin-left:1em; line-height: 1,4; border: 1px solid #ffd98a; color: #474747; font-size:20px; background:#ffd98a; border-radius: 0 10px 10px 0; text-shadow: 1px 1px 1px rgba(255,255,255,0.29); } h4:before { position:absolute; font-family: FontAwesome; content:"\f040"; display: inline-block; line-height: 40px; padding: 0; color:#fff; font-size: 1.2em; text-align: center; height:40px; width:40px; line-height: 40px; font-weight: normal; left:-1em; top:50%; transform:translateY(-50%); border:solid 3px #fff; border-radius:50%; background: #ffa337; box-shadow:1px 1px 2px rgba(0.0.0.0.29); text-shadow: -1px -1px 1px rgba(0,0,0,0.1); }
h5 { position:relative; padding:0.25em 0 0.25em 2.5em; } h5::after { content:""; display: block; height:4px; margin-left:-2.5em; background: -moz-linear-gradient(to right,rgb(255,185,115),#fff4ea); background: -webkit-linear-gradient(to right,rgb(255,185,115),#fff4ea); background: linear-gradient(to right,rgb(255,185,115),#fff4ea); } h5::before { position: absolute; font-family: FontAwesome; content:"\f00c"; color:#ff6347; font-size: 1.2em; width:35px; height:35px; top:5px; left:17px; }
コメント