CSS中可以使用border属性来设置元素的边框形状,包括边框的线条、宽度和颜色,同时还可以使用border-radius属性来设置边框的圆角。/* 基本边框 */ border: solid 1px
CSS中可以使用border属性来设置元素的边框形状,包括边框的线条、宽度和颜色,同时还可以使用border-radius属性来设置边框的圆角。
/* 基本边框 */ border: solid 1px black; /* 线条类型、线条宽度和颜色 */ /* 圆角边框 */ border-radius: 10px; /* 圆角半径 */ /* 不同角度的圆角 */ border-top-left-radius: 5px; /* 左上角 */ border-top-right-radius: 5px; /* 右上角 */ border-bottom-left-radius: 5px; /* 左下角 */ border-bottom-right-radius: 5px; /* 右下角 */ /* 圆形边框 */ border-radius: 50%; /* 圆形半径 */ /* 椭圆边框 */ border-radius: 50% / 25%; /* 水平半径 / 垂直半径 */ /* 边框的四个角分别设置 */ border-top-left-radius: 10px; /* 左上角 */ border-top-right-radius: 10px; /* 右上角 */ border-bottom-left-radius: 10px; /* 左下角 */ border-bottom-right-radius: 10px; /* 右下角 */
使用以上属性可以轻松设置出不同形状的边框,从而让网站页面变得更加美观和有趣。
粉丝
0
关注
0
收藏
0