【CSS3】疑似要「after」の使い方
この記事では、擬似要素「:after」の使い方を説明してきます。
See the Pen
pseudo-element-after2 by shiakisudev (@shiakisu)
on CodePen.
ソースを以下に抜粋しておきます。
HTML
<ul>
<li>大項目</li>
<li>中項目</li>
<li>小項目</li>
</ul>
CSS
ul{
list-style:none;
padding-left:0px;
}
li{
display:inline;
}
li:after{
padding-left:10px;
content: ">";
}
以上で記事の解説はお終い！
HTML、CSS、JavaScriptをもっと勉強したい方にはUdemyがオススメ！同僚に差をつけよう！