Maison  >  Article  >  interface Web  >  CSS定义DIV圆角边框_html/css_WEB-ITnose

CSS定义DIV圆角边框_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 12:30:071146parcourir

用CSS样式,比js好

有的浏览器会禁止执行脚本,那样就无效了

CSS就不会

css圆角效果

div.RoundedCorner{background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFFFFF}

b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn