CSS3属性使网站设计增强同时不消弱可用性

2020-05-12 07:38:55易采站长站整理

有个好消息就是至少你可以使用CSS滤镜单独针对IE浏览器设置背景颜色。
IE条件注释-背景色透明
点击图片查看清晰大图
注:由于Wordpress不能显示以上代码,所以将其弄成图片,所以你需要自行写以上代码了哦。


css3-教程


2.圆角

目前支持的浏览器:Apple Safari 3+, Firefox 1+, Google Chrome 1+


边框半径用于设置和模型每个角的曲率,仿佛有一对与特定的角落虚圆半径(r):






1

border-radius: r;

虽然border-radius是未来CSS3的一部分,不过现在无论Mozilla(Firefox)和Webkit(Safari和Chrome)都已经有了自己的圆角版本。






1
2
3

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

你也可以单独设置某个角的半径:





























CSS3


Mozilla


WebKit


border-top-right-radius


-moz-border-radius-topright


-webkit-border-top-right-radius


border-bottom-right-radius


-moz-border-radius-bottomright


-webkit-border-bottom-right-radius


border-bottom-left-radius


-moz-border-radius-bottomleft


-webkit-border-bottom-left-radius


border-top-left-radius


-moz-border-radius-topleft


-webkit-border-top-left-radius


border-radius


-moz-border-radius


-webkit-border-radius


css3-教程