ホームページ > 記事 > ウェブフロントエンド > CSS+DIV で丸いボタン効果を実現_html/css_WEB-ITnose
CSS+DIV で丸いボタン効果を実現_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:32:211208ブラウズ
<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 丸いボタン
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。