CSS:首字母字号变大而不影响下划线

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>