用css设置文本样式

2025-10-04 10:38:46

1、新建文件并创建文本

用css设置文本样式

2、展示效果

用css设置文本样式

3、用text-align属性设置文字的对齐方式

用css设置文本样式

4、效果如图

用css设置文本样式

5、设置文字颜色和文字背景颜色

用css设置文本样式

6、效果如图

用css设置文本样式

7、设置行高

用css设置文本样式

8、效果如图

用css设置文本样式

9、设置段落间距离

用css设置文本样式

10、效果如图

用css设置文本样式

11、text-decoration属性可以为文字加下划线、删除线和顶线

用css设置文本样式

用css设置文本样式

12、附上源码

<style>

.div{border:1px solid #ccc;}

.div p{ text-align:center; background:#000;  color : white; line-height:30px;margin:10px 20px 5px 15px; 

text-decoration:line-through;}

</style>

<body>

<div class="div">

用css设置文本样式

用css设置文本样式</div>

</body>

用css设置文本样式

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢