CSS3是一门用于网页设计的语言,这门语言加入了许多新的元素能够让设计师更好地制作网页。下面是一些CSS3属性元素及其设置方法:/ 设置圆角 / borderradius: 10px; / 设置盒子阴...
CSS3是一门用于网页设计的语言,这门语言加入了许多新的元素能够让设计师更好地制作网页。下面是一些CSS3属性元素及其设置方法:
/* 设置圆角 */
border-radius: 10px;
/* 设置盒子阴影 */
box-shadow: 5px 5px 5px #888;
/* 设置背景线性渐变 */
background: linear-gradient(to bottom, #ccc, #fff);
/* 设置文字阴影 */
text-shadow: 2px 2px 2px #888;
/* 设置旋转 */
transform: rotate(45deg); 以上就是一些常见的CSS3属性元素及其设置方法。值得注意的是,不同的浏览器对CSS3的支持程度并不相同,需要使用浏览器前缀才能确保在不同浏览器上都能正确显示:
/* 不同浏览器前缀的设置 */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px; 总之,了解CSS3属性元素并掌握其设置方法,能够让设计师更好地制作优秀的网页。