Rumah > Artikel > hujung hadapan web > CSS+DIV实现圆角按钮效果_html/css_WEB-ITnose
CSS+DIV实现圆角按钮效果_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 12:32:211254semak imbas
<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圆角按钮
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：CSS+DIV 浮动 空隙问题_html/css_WEB-ITnoseArtikel seterusnya：CSS+DIV 下拉输入菜单_html/css_WEB-ITnose