圆⾓正⽅形html,css怎么做圆⾓矩形？
圆⾓矩形⼀向是设计师最倾⼼的⼀种设计，因为他们可以让整个⽹页⽣动起来，不那么死板，我们可以使⽤css来制作圆⾓矩形，下⾯我们来看⼀下使⽤css制作圆⾓矩形的⽅法。
圆⾓矩形可以⽤在输⼊框中、导航栏中、相框上、弹出框上。总之，任何有矩形的地⽅都可以改成圆⾓矩形，也许只是⼩⼩的改动，但却会让你的⽹页⽣机盎然！
纯css+div制作圆⾓矩形
div
{
border radius什么意思text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* ⽼的 Firefox */
}
border-radius 属性允许您向元素添加圆⾓。
效果如下：
css使⽤border-radius属性向div添加圆⾓即可做⼀个圆⾓矩形，border-radius属性是⼀个简写属性，⽤于设置四个 border-*-radius 属性。
border-radius属性：
语法：border-radius: 1-4 length|% / 1-4 length|%;
按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。
属性值：length：定义圆⾓的形状。
% ：以百分⽐定义圆⾓的形状

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。