css怎么控制删除线的颜色-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css怎么控制删除线的颜色

云计算小粉 2018-05-10 20:06:59 1221

css怎么控制删除线的颜色

前端开发
分享到
取消 提交回答
全部回答(1)
  • _crazyleaves
    2019-07-17 22:14:23
    <!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>
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程