CSS:首字母字号变大而不影响下划线
要求:字母全部大写并带有下划线,首字母稍大,有24px,其余字母稍小
解决办法:
1、
.style{
font-size:24px;
font-family:"微软雅黑";
color:#000;
text-decoration:underline;
font-variant:small-caps;
}
<p class="style">About</p>
<p class="style">Technologe</p>
2、
.style{
font-size:24px;
font-family:"微软雅黑";
color:#000;
text-decoration:underline;
font-variant:small-caps;
text-transform:capitalize;
}
<p class="style">about</p>
<p class="style">technologe</p>