CSS与边框相关的属性主要包括以下几个:
CSS与边框相关的属性主要包括:
border
: 设置边框的宽度、样式和颜色。border-width
: 设置边框的宽度。border-style
: 设置边框的样式。border-color
: 设置边框的颜色。border-radius
: 设置边框圆角。border-image
: 使用图像创建边框。outline
: 设置元素的轮廓(不会影响盒模型)。box-shadow
: 添加阴影。
示例代码:
/* 设置边框宽度为2px,样式为实线,颜色为黑色 */
div {
border: 2px solid black;
}
/* 设置四个角的圆角半径为5px */
div {
border-radius: 5px;
}
/* 使用图片创建边框 */
div {
border-image: url(border.png) 30 30 round;
}
/* 设置元素的轮廓为2px的虚线,颜色为蓝色 */
div {
outline: 2px dotted blue;
}
/* 在元素的外侧添加阴影,偏移量为5px,颜色为灰色 */
div {
box-shadow: 5px 5px 5px grey;
}
评论已关闭