A-A+

文字两侧横线

2016年03月24日 htmlcss 暂无评论 阅读 75 次
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
  7.     <style>
  8.         .dc_loginTip{overflowhidden;font-size10px;color#000;text-align:center;margin:14% 6.6% 4.6%;positionrelative;}
  9.         .dc_loginTip:before{content"";width:21%;height:1px;background#000;positionabsolute;left:0;top:49%}
  10.         .dc_loginTip:after{content"";width:21%;height:1px;background#000;positionabsolute;rightright:0;top:49%}
  11.         div{border-bottom1px solid #000;width:96%;margin:2%;height:6px;}
  12.         p{text-aligncenter;background#fff;width:50%;margin:0 auto;}
  13.     </style>
  14. </head>
  15. <body>
  16. <p class="dc_loginTip">还没有账户,请注册</p>
  17. <div><p class="dc_login">还没有账户,请注册</p></div>
  18. <script>
  19. </script>
  20. </body>
  21. </html>
标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录