css3 设置字体样式

最新推荐文章于 2023-12-16 16:45:36 发布

paj123456789

最新推荐文章于 2023-12-16 16:45:36 发布

阅读量1.2k

点赞数

文章标签： css3 立体字体

本文链接：https://blog.csdn.net/paj123456789/article/details/72911363

版权

<html>
<head>
<title>超链接提交表单</title>
<style>
#time{
background: #666;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: -2px 3px 3px rgba(255,255,255,0.5);
font-size:70px;
text-align:center;
font-weight:900; /*字体粗细*/
letter-spacing:15px; /*字体间距*/

}

div
{
border:2px solid #a1a1a1;
padding:10px 20px 20px 10px;
background:rgba(221, 221, 221, 0);
width:auto;
border-radius:25px;
margin:10px auto;
}

</style>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>

</head>
<body>

<div><p id="time">*CSS3 初学平台*</p></div>
</body>
</html>