span标签的使用之“我是有底线的”

待我称王封你为后i 2021-09-15 07:20 345阅读 0赞 
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         <style type="text/css">
  7.             *{
  8.                 margin: 0;
  9.                 padding: 0;
  10.             }
  11.             .wrapper{
  12.                 margin: 100px;
  13.                 border: 1px solid black;
  14.                 width: 1000px;
  15.                 height: 100px;
  16.                 line-height: 100px;
  17.                 text-align: center;
  18.                 background: #f2f2f2;
  19.             }
  20.             .line{
  21.                 display: inline-block;
  22.                 width: 300px;
  23.                 border-top: 1px dashed blue; border-bottom: 1px dashed blue;
  24.                 vertical-align: middle;
  25.             }
  26.         </style>
  27.     </head>
  28.     <body>
  29.         <div class="wrapper">
  30.             <span class="line"></span>
  31.             <span class="content">我是有底线的</span>
  32.             <span class="line"></span>
  33.         </div>
  34.     </body>
  35. </html>

注意：利用span标签的border。

20180422154215232

发表评论

表情：
评论列表 （有 0 条评论，345人围观）

还没有评论，来说两句吧...

相关阅读

    相关 HTML ＜span＞标签

    HTML 中的<span>标签被视为内联元素。它类似于 div 标记，但 div 标记特意用于块级元素，而 span 用于内联元素。它主要用于用户想要将内联元素分组到其代码结构

    Dear 丶Dear 丶/ 0 赞/ 115 阅读