在前端网页设计中,CSS样式不仅可以美化网站页面,还可以对文本的字体、大小、颜色、样式等进行设置。下面介绍一些CSS中对text文字的设置。/*设置字体*/ p { font-family: Aria
在前端网页设计中,CSS样式不仅可以美化网站页面,还可以对文本的字体、大小、颜色、样式等进行设置。下面介绍一些CSS中对text文字的设置。
/*设置字体*/ p { font-family: Arial, Helvetica, sans-serif; /*优先使用Arial字体,如果没有则使用Helvetica,如果还没有则使用sans-serif字体*/ font-size: 16px; /*设置字体大小*/ font-weight: bold; /*设置字体粗细,值可以是normal、bold、bolder、lighter或者100到900的数字*/ } /*设置颜色*/ p { color: red; /*设置文字颜色为红色*/ } /*水平对齐方式*/ p { text-align: center; /*将文字水平居中*/ text-align: left; /*将文字左对齐*/ text-align: right; /*将文字右对齐*/ text-align: justify; /*将文字两端对齐*/ } /*垂直对齐方式*/ p { line-height: 1.5; /*设置行高,值可以是数字或百分比*/ vertical-align: middle; /*将文字垂直居中对齐*/ } /*设置文本装饰*/ p { text-decoration: underline; /*给文字添加下划线*/ text-decoration: line-through; /*给文字加中划线*/ } /*设置文本缩进*/ p { text-indent: 2em; /*设置文本缩进2个字符*/ } /*设置字母和单词间距*/ p { letter-spacing: 2px; /*设置字母间距*/ word-spacing: 5px; /*设置单词间距*/ }
CSS的文本样式设置和排版方式设置非常灵活,根据不同的设计需要可以灵活调整,使得网页更加美观和易读。
粉丝
0
关注
0
收藏
0