Maison > Article > interface Web > CSS+DIV实现圆角按钮效果_html/css_WEB-ITnose
CSS+DIV实现圆角按钮效果_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 12:32:211254parcourir
<p class="sycode"> < html > < head > < title > 纯css实现圆角按钮 </ title > < style type ="text/css" > .a { float : left ; border-width : 1px 0 ; border-color : #bbbbbb ; border-style : solid ; } .b { height : 22px ; border-width : 0 1px ; border-color : #bbbbbb ; border-style : solid ; margin : 0 -1px ; background : #e3e3e3 ; position : relative ; float : left ; } .c { line-height : 10px ; color : #f9f9f9 ; background : #f9f9f9 ; border-bottom : 2px solid #eeeeee ; } .d { padding : 0 8px ; line-height : 22px ; font-size : 12px ; color : #000000 ; clear : both ; margin-top : -12px ; cursor : pointer ; } </ style > </ head > < body > < div class ="a" > < div class ="b" > < div class ="c" > </ div > < div class ="d" > css圆角按钮 </ div > </ div > </ div > </ body > </ html > </p>
css圆角按钮
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
Article précédent：CSS+DIV 浮动 空隙问题_html/css_WEB-ITnoseArticle suivant：CSS+DIV 下拉输入菜单_html/css_WEB-ITnose