CSS3中的border属性不再是简单的线条了,它增加了许多有趣的特性,可以让你创建更加独特的边框样式,以下是几个常用的特性:
/* 设置边框宽度、样式、颜色 */ border: 2px solid #999; /* 只设置上、右、下边框 */ border-top: 2px solid #999; border-right: 2px solid #999; border-bottom: 2px solid #999; /* 圆角边框 */ border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px /* 边框阴影 */ box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
除了以上常用的特性,border还有更多有趣的属性,如border-image、border-radius、border-color等等,可以让你创造出独一无二的页面效果。CSS3的border带来了更多想象空间,让你在设计上更加自由,为你的页面注入新鲜的活力。
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did245688