文字增加或减少时，下划线也随之变化

huyue409

于 2014-12-18 18:26:37 发布

阅读量1.6k

点赞数

分类专栏： css小技巧文章标签： css html editplus

本文链接：https://blog.csdn.net/huyue409/article/details/42008637

版权

css小技巧专栏收录该内容

1 篇文章

订阅专栏

当文字增加或减少时，下划线也随之变化

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>文字增加/减少时下划线也随之变化</title>
  <style language="javascript" type="text/css">
  #text{display:inline; width:auto; border-bottom:2px blue solid;}
  </style>
 </head>
 <body>
  <div id="text">你好，欢迎关注本博客！专注于网页制作，及时更新各种网页制作的小技巧，让你乐此不彼！！！</div>
 </body>
</html>

/*实际效果如下*/