免费发布信息
微信公众号
当前位置: 首页 » 商业资讯 » 教程经验 » css边框线怎么设置 » 正文

css边框线怎么设置

   来源:黔优网责任编辑:优优  时间:2023-11-02 14:00:01 浏览量:37
导读:css边框线属性怎么设置,控制颜色、粗细、长短、虚线、实线、双标线属性是那个,边框如何设置圆角加阴影效果目录1css如何设置边框颜色2css边框线怎么设置粗细3css怎么设置无边框线4css怎么设置双线5css怎么设置虚线6

css边框线属性怎么设置,控制颜色、粗细、长短、虚线、实线、双标线属性是那个,边框如何设置圆角加阴影效果

  • 目录

  • 1css如何设置边框颜色

  • 2css边框线怎么设置粗细

  • 3css怎么设置无边框线

  • 4css怎么设置双线

  • 5 css怎么设置虚线

  • 6css怎么设置实线

css如何设置边框颜色


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                 border-style: solid; 

  9.                 border-width: 10px; 

  10.                 border-color: aqua; 

  11.             } 

  12.         </style> 

  13.     </head> 

  14.     <body> 

  15.         <div class="num2"

  16.             边框粗细 

  17.         </div> 

  18.     </body> 

  19. </html> 


css边框线怎么设置粗细


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                 border-style: solid; 

  9.                 border-width: 10px; 

  10.             } 

  11.         </style> 

  12.     </head> 

  13.     <body> 

  14.         <div class="num2"

  15.             边框粗细 

  16.         </div> 

  17.     </body> 

  18. </html> 


css怎么设置无边框线


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                 border-style: none; 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             无边框线 

  15.         </div> 

  16.     </body> 

  17. </html> 


css怎么设置双线


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                 border-style: double

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             双线  

  15.         </div> 

  16.     </body> 

  17. </html> 


css怎么设置虚线


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                 border-style: dashed; 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             虚线 

  15.         </div> 

  16.     </body> 

  17. </html> 


css怎么设置实线


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

  5.         <title>通高科技</title> 

  6.         <style> 

  7.             .num2{ 

  8.                 border-style: solid; 

  9.             } 

  10.         </style> 

  11.     </head> 

  12.     <body> 

  13.         <div class="num2"

  14.             实线 

  15.         </div> 

  16.     </body> 

  17. </html> 

 
 
 
没用 0举报 收藏 0
免责声明:
黔优网以上展示内容来源于用户自主上传、合作媒体、企业机构或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表黔优网官方立场,请读者仅做参考。本文标题:css边框线怎么设置,本文链接:https://www.qianu.com/news/253162.html,欢迎转载,转载时请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何违法信息,请您立即点此【投诉举报】并提供有效线索,也可以通过邮件(邮箱号:kefu@qianu.com)联系我们及时修正或删除。
 
 

 

 
推荐图文
推荐商业资讯