开发者社区> 问答> 正文

css怎么控制删除线的颜色

css怎么控制删除线的颜色

展开
收起
云计算小粉 2018-05-10 20:06:59 2544 0
1 条回答
写回答
取消 提交回答
  • <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
            p:nth-child(1){
                /*若线跟文本颜色一样的直接设置color属性*/
                color: red;
                text-decoration: overline;
            }
            p:nth-child(2){
                text-decoration: underline;
            }
            p:nth-child(3){
                /*若线跟文本颜色不一样的话, 在p标签里面写个span标签, p设置底边框, span再定位上去*/     
                border-bottom: 1px solid #999;
                position: relative;
                color: #ffda44;
                display: inline-block;
                width: 60px;
            }
            p:nth-child(3) span{
                margin-top: -13px;
                position: absolute;
                top: 5px;
                left: 6px;
            }
        </style>
    </head>
    <body>
         
        <p>上划线</p>
        <p>下划线</p>
        <p><span>删除线</span></p>
    </body>
    </html>
    2019-07-17 22:14:23
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载