/* 设置元素周围的边框 */ border-style: solid; /* 边框样式 */ border-width: 1px; /* 边框宽度 */ border-color: #ccc; /* 边框颜色 */ /* 设置元素周围的边框阴影 */ box-shadow: 3px 3px 5px #ccc; /* 阴影水平偏移量、垂直偏移量、阴影半径、阴影颜色 */ /* 设置元素周围的圆角边框 */ border-radius: 5px; /* 圆角半径 */ /* 设置元素周围的图片边框 */ border-image: url(border.png) 30 30 round; /* 边框图片url、边框宽度、边框填充方式 */
以上是CSS3外框样式的一些基本属性与用法,可以大大提升网页的美观度和用户体验。需要注意的是,不同的浏览器可能对CSS3外框样式的支持程度不同,所以在使用时应该尽可能考虑浏览器兼容性。