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赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
