css中字体中间加线设置

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

CSS中字体中间加线设置,其实就是在文本中间添加一条横线,常用于表示删除线或者表格中的分隔线等效果。 /* 应用于文字的中划线效果 */ text-decoration: line-through;

CSS中字体中间加线设置,其实就是在文本中间添加一条横线,常用于表示删除线或者表格中的分隔线等效果。

 /* 应用于文字的中划线效果 */
   text-decoration: line-through;   
   /* 应用于表格中的横线分隔效果 */
   border-bottom: 1px solid #ccc; 

以上代码分别是应用于文字和表格的中线效果。比如说我们在文本中的CSS样式中添加以下代码:

 text-decoration: line-through; 

就可以达到把文本中间加一条横线的效果。同样,如果使用以下代码在表格的CSS样式中:

 border-bottom: 1px solid #ccc; 

就可以在表格中进行横线分隔效果设置。这样,就可以很轻松地将文字和表格中间加线的风格进行设置。在具体应用中,还可以根据需要进行样式的改变和调整。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中字体中间加线设置

粉丝

0

关注

0

收藏

0

已有0次打赏