|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
网页制造poluoluo文章简介:如今利用CSS3手艺不必要图片便可完成圆角,把侧边栏题目背景的圆角效果和搜刮框的圆角效果用CSS3完成。纪录一下以便今后利用。W3C很早就制定了完成了CSS圆角的CSS3属性:border-radius,Firefox和Safari也经由过程公有属性完成了该功效:
如今利用CSS3手艺不必要图片便可完成圆角,把侧边栏题目背景的圆角效果和搜刮框的圆角效果用CSS3完成。纪录一下以便今后利用。W3C很早就制定了完成了CSS圆角的CSS3属性:border-radius,Firefox和Safari也经由过程公有属性完成了该功效:
<divstyle="background-color:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border:1pxsolid#000;padding:10px;">Firefox和Safari完成圆角</div>
效果以下:
个中-moz-border-radius是Firefox完成圆角的公有属性,而-webkit-border-radius是webkit内核扫瞄器(如Safari和Chrome)完成圆角的公有属性,假如你只需指定某一个角是圆角的话,它们都分离界说了四个属性:
-moz-border-radius-topleft/-webkit-border-top-left-radius
-moz-border-radius-topright/-webkit-border-top-right-radius
-moz-border-radius-bottomleft/-webkit-border-bottom-left-radius
-moz-border-radius-bottomright/-webkit-border-bottom-right-radius
固然IE(包含IE8)仍是不撑持,以是该效果只能在Firefox,Safari,和Chrome中检察。
目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素. |
|