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

WBOY

Libérer： 2016-06-24 12:32:21

original

1288 Les gens l'ont consulté

                  <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>

Copier après la connexion

css圆角按钮

Étiquettes associées：

CSS+DIV实现圆角按钮效果

source：php.cn

Article précédent：CSS+DIV 浮动空隙问题_html/css_WEB-ITnose Article suivant：CSS+DIV 下拉输入菜单_html/css_WEB-ITnose

Déclaration de ce site Web

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

Derniers articles par auteur