首頁 > web前端 > html教學 > CSS+DIV实现圆角按钮效果_html/css_WEB-ITnose

CSS+DIV实现圆角按钮效果_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:32:21
原創
1273 人瀏覽過

                  <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圆角按钮

 

 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板