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

css怎么将边框设置为圆角

   来源:黔优网时间:2023-11-02 13:58:09 浏览量:29
导读:border-radius(含义是边框半径)。你为这个属性提供一个值,em、ex、pt、px、百分比等等,就能同时设置四个圆角的半径达到圆角或光晕效果目录1css边框圆角效果代码2css边框圆角设置那个属性css边框圆角效果代码!DOCT

border-radius(含义是"边框半径")。你为这个属性提供一个值,em、ex、pt、px、百分比等等,就能同时设置四个圆角的半径达到圆角或光晕效果

  • 目录

  • 1css边框圆角效果代码

  • 2css边框圆角设置那个属性

css边框圆角效果代码


  1. <!DOCTYPE html> 

  2. <html> 

  3.     <head> 

  4.         <meta charset="utf-8"

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

  6.         <style> 

  7.             .num2{ 

  8.                 width: 400px; 

  9.                 height: 400px; 

  10.                 border-style: solid; 

  11.                 border-width: 10px; 

  12.                 border-color: aqua; 

  13.                 border-radius:50%; 

  14.              

  15.             } 

  16.         </style> 

  17.     </head> 

  18.     <body> 

  19.         <div class="num2"

  20.             css边框圆角效果代码 

  21.         </div> 

  22.     </body> 

  23. </html> 


css边框圆角设置那个属性


CSS圆角只需设置一个属性:border-radius(含义是"边框半径")。你为这个属性提供一个值,就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用:em、ex、pt、px、百分比等等。

border-radius可以同时设置1到4个值:如果设置1个值,表示4个圆角都使用这个值。

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

 

 
推荐图文
推荐商业资讯