CSS3 边框border、outline、box-shadow
warning:
这篇文章距离上次修改已过443天,其中的内容可能已经有所变动。
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来为元素添加边框和外观效果。
评论已关闭