想要为您的 div 元素添加漂亮的边框和圆角吗?使用 CSS 的 'border' 和 'border-radius' 属性,您可以轻松实现!

例如,以下代码将创建一个宽度为 2px、颜色为红色、圆角半径为 10px 的边框:

div {
  border: 2px solid red;
  border-radius: 10px;
}

如果您只想设置某一边的边框,可以使用 'border-top'、'border-right'、'border-bottom' 和 'border-left' 属性。例如:

div {
  border-left: 2px solid red;
  border-right: 2px solid blue;
  border-top: 2px solid green;
  border-bottom: 2px solid yellow;
  border-radius: 10px;
}

这将为 div 元素创建四条颜色各异的边框,并且每个边框的圆角半径均为 10px。

CSS 边框和圆角:自定义 Div 的样式

原文地址: http://www.cveoy.top/t/topic/jSRN 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录