CSS3 边框border、outline、box-shadow
CSS3提供了丰富的样式属性来设置边框和外观,包括border
、outline
和box-shadow
。
border
:设置元素的边框样式、宽度和颜色。
div {
border: 1px solid black;
}
outline
:设置元素的轮廓样式、宽度和颜色,与border
不同,outline
不会影响元素的布局。
input:focus {
outline: 2px solid blue;
}
box-shadow
:为元素添加阴影效果,可以用来设计边框的内阴影或外阴影。
div {
box-shadow: 5px 5px 10px grey;
}
以上代码分别展示了如何使用border
、outline
和box-shadow
来为元素添加边框和外观效果。
评论已关闭