站点工具

用户工具


边框样式

border

border 属性用于设置元素的整体边框样式。

.list {
  border: 1px solid #ddd;
}
 
.list > .item {
  border-bottom: 1px solid #ddd;  /* 下边框 */
}

CSS 三角形

<div class="triangle"></div>
.triangle {
  width: 0;
  height: 0;
  border-top: 100px solid deepskyblue;
  border-left: 55px solid transparent;
  border-right: 55px solid transparent;
}

🚀 http://js.jirengu.com/zahuc/edit

border-radius

border-radius 属性用于给元素添加圆角。

.control {
  border-radius: 4px;
}

CSS 皮卡丘

🚀 http://js.jirengu.com/neyem/edit

参考链接

若愚 · 2021/09/23 11:55 · 前端基础_css_12.边框样式.md.txt