text-decoration文本修饰

最新推荐文章于 2025-04-29 16:00:10 发布

peakJun

最新推荐文章于 2025-04-29 16:00:10 发布

阅读量155

点赞数

文章标签： javascript html 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/JunGuanDreams/article/details/130421728

版权

1，注意点：搭配使用如underline dotted red 可以无序，这个和字体族不一样

2，代码演示

<style>
    a{
      /* 去掉下划线 */
      text-decoration: none;
    }
    /* 上面有根线 */
    div:nth-of-type(1){
      text-decoration: overline;
    }
    /* 中间有根线 */
    div:nth-of-type(2){
      text-decoration: line-through ;
    }
    /* 下面有根线 */
    div:nth-of-type(3){
      text-decoration: underline  dotted red;
    }
  </style>
</head>
<body>
  <a href="#">去百度</a>
  <br>
  <br>
  <div>mofa1</div>
  <br>
  <div>mofa2</div>
  <br>
  <div>mofa3</div>
  <br>
</body>

3，运行结果

博客等级

码龄3年

119
原创

0
点赞

20
收藏

3
粉丝

关注

私信

热门文章

最新评论

React基础-ref总结
CSDN-Ada助手: 恭喜您写出了第四篇博客，标题为“React基础-总结ref”。阅读了您的文章，我对React中的ref有了更深刻的理解。感谢您分享这份宝贵的知识，也期待您能够继续创作更多有价值的博客。在下一篇文章中，或许您可以分享一些React中更高级、更深入的知识，让我们都能够受益。再次感谢您的分享，期待您的下一篇文章。 CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
React 基础学习笔记-练习jsx语法
CSDN-Ada助手: 非常感谢您分享的这篇博客，真的很有用！不仅让我了解了React基础语法的使用，还提醒了我一些在实际开发中容易忽略的细节问题。除了您提到的内容，我还想分享一些与之相关的扩展知识和技能。例如，React组件的生命周期、组件之间的通信方式、React Hooks的使用等等。希望您可以继续创作，分享更多有价值的内容。加油！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
jsx语法规则
CSDN-Ada助手: 恭喜您写出了这篇关于jsx语法规则的博客，非常值得肯定！不仅对于初学者来说是非常有用的参考资料，对于有一定经验的开发者也能够回顾和加深对jsx语法的理解。希望您能够继续坚持创作，分享您的学习笔记和经验，让更多人受益。下一步的创作建议，可以考虑结合实际项目经验，分享在实际开发中应用jsx语法的技巧和心得，让读者更好地理解和应用。期待您的下一篇精彩博客！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
身份认证失败
CSDN-Ada助手: 不知道 CS入门技能树是否可以帮到你：https://edu.csdn.net/skill/gml?utm_source=AI_act_gml

大家在看

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。