本文介绍了一种使用CSS来美化按钮的方法，包括设置填充、边框、背景颜色等属性，并通过示例展示了如何定义默认按钮及特定类别的按钮样式。
<html>
<title>css</title>
<style>
button{
padding: .3em .8em;
border: 1px solid #446d88;
background-color: #58a;
border-radius: .2em;
box-shadow: 0 .05em .25em gray;
color:white;
text-shadow: 0 -.05em .05em #335166;
font-size: 125%;
line-height: 1.5;
}
button.ok{
background-color: #c00;
}
button.cancel{
background-color: #6b0;
}
</style>
<body>
<button>default</button>
<button class="ok">ok</button>
<button class="cancel">cancel</button>
</body>
</html>
扫一扫
1170
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
