css3常见应用-按钮样式-20180524
<style>
.button{
background-color:#4CAF50;/*Green*/
border:none;
color:white;
padding:15px32px;
text-align:center;
text-decoration:none;
display:inline-block;
font-size:16px;
margin:4px2px;
cursor:pointer;
}
.button2{background-color:#008CBA;}/*Blue*/
.button3{background-color:#f44336;}/*Red*/
.button4{background-color:#e7e7e7;color:black;}/*Gray*/
.button5{background-color:#555555;}/*Black*/
</style>
</head>
<body>
<h2>按钮颜色</h2>
<p>我们可以使用background-color属性来设置按钮颜色:</p>
<buttonclass="button">Green</button>
<buttonclass="buttonbutton2">Blue</button>
<buttonclass="buttonbutton3">Red</button>
<buttonclass="buttonbutton4">Gray</button>
<buttonclass="buttonbutton5">Black</button>
先button然后button2的样式
转自：http://www.runoob.com/try/try.php?filename=trycss_buttons_color
相关推荐
yfisaboy 2020-07-28
牵手白首 2020-06-02
MaureenChen 2020-05-25
GoAheadY 2010-08-21
taiyuanwuyin 2011-08-20
81463166 2019-10-26
wangdajiao 2019-07-01
魄竹 2019-07-01
renpinghao 2019-07-01
tianqi 2014-09-14
昔人已老 2013-11-30
hjfbluesky 2013-09-23
Sincelily 2011-08-02
Sunanang 2010-08-22
sgafdsg 2010-08-21
82113458 2018-04-11
DJPLH 2017-03-29
zh000 2019-05-09