微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css3 设置好看的文字

CSS3的出现让网页设计变得更加美观和富有创意,其中文字的设计中尤为重要。以下就是一些常用的CSS3样式来设置好看的文字

/*字体样式*/
font-family: 'Microsoft Yahei',sans-serif; /*设置字体为微软雅黑*/
font-size: 16px; /*设置字体大小为16像素*/
font-weight: bold; /*设置字体为粗体*/
color: #333; /*设置字体颜色为深灰色*/

/*文字效果*/
text-align: center; /*设置水平居中*/
text-decoration: underline; /*设置文字带有下划线*/
text-shadow: 1px 1px 3px #666; /*设置文字阴影*/

/*版式排版*/
line-height: 1.5; /*设置行间距为1.5倍字体大小*/
letter-spacing: 1px; /*设置字母间距为1像素*/
word-spacing: 3px; /*设置单词间距为3像素*/
text-transform: uppercase; /*设置字母为大写*/

/*背景样式*/
background-color: #f5f5f5; /*设置背景颜色为浅灰色*/
border: 1px solid #ccc; /*设置边框为浅灰色*/

/*其它样式*/
white-space: Nowrap; /*设置禁止自动换行*/
overflow: hidden; /*溢出部分隐藏*/
text-overflow: ellipsis; /*超过部分显示省略号*/

css3 设置好看的文字

上述样式旨在提供一些在设计文字时常用的属性,通过搭配不同的属性,可以制作出非常好看的文字效果。同时还需要注意调整不同属性间的值,以达到最佳效果。希望以上内容能为你设计出更加美观的文字提供一些帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。