HTML CSS border-radius 圆角边框

HTML CSS border-radius 用于设置向元素圆角边框,代码如下:

<style>
p.normal {
  border: 2px solid red;
}

p.round1 {
  border: 2px solid red;
  border-radius: 5px;
}

p.round2 {
  border: 2px solid red;
  border-radius: 8px;
}

p.round3 {
  border: 2px solid red;
  border-radius: 12px;
}
</style>

<p class="normal">普通边框</p>
<p class="round1">圆角边框</p>
<p class="round2">角更圆的边框</p>
<p class="round3">角最圆的边框</p>

演示如下:

普通边框


圆角边框


角更圆的边框


角最圆的边框

如果你发现错误或有其他见解,请给www.zhuei.com留言,我们会尽快更新本文!