实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS央视控制表</title>
<style>
div{margin: 0 auto; width: 250px;}
.one {width: 250px;background-color: #5cA4FF;}
.two {width: 250px;background-color: #c9c9c9;}
.three {width: 250px;background-color: #454545;}
.four {width: 250px;background-color: #FF371C;}
.five {width: 250px;background-color: #FF7A13;}
.sex {width: 250px;background-color: #85b552;}
.seven {width: 250px;background-color: #6BD6FF;}
button[type="submit"] {
width: 100%;
height: 35px;
border: none;
border-radius: 4px;
margin: 0 0 15px 0;
font-size: 13px;
color: #fff;
letter-spacing: 0.1em;
overflow: hidden;
text-overflow: ellipsis;}
</style>
</head>
<body>
<div >
<button type="submit" class="one">点我 点我</button>
<button type="submit" class="two">点我 点我</button>
<button type="submit" class="three">点我 点我</button>
<button type="submit" class="four">点我 点我</button>
<button type="submit" class="five">点我 点我</button>
<button type="submit" class="sex">点我 点我</button>
<button type="submit" class="seven">点我 点我</button>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
