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

最新推荐文章于 2021-09-15 09:05:52 发布

程小秋

最新推荐文章于 2021-09-15 09:05:52 发布

阅读量1.8k

点赞数 2

分类专栏： CSS3

本文链接：https://blog.csdn.net/golden_wheat/article/details/64439251

版权

CSS3 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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>