1.效果如下：
2.代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>按钮</title>
<style>
/*做5个按钮，不许出现宽和高，文字居中*/
*{
margin: 0;
padding:0;
}
/*按钮1*/
/* div{
padding: 30px;
}
span{
background-color: pink;
padding: 30px;
}*/
/*按钮2*/
div{
padding: 0px 30px;
background-color: paleturquoise;
}
span{
background-color: pink;
padding: 0px 30px;
}
/*第二种方法*/
.cls{
padding: 30px;
width: 100px;
background-color: darkgreen;
}
p{
background-color: blueviolet;
text-align: center;
margin: 10px;
}
</style>
</head>
<body>
<div>
<span>按钮</span>
<span>按钮</span>
<span>按钮</span>
<span>按钮</span>
<span>按钮</span>
</div>
<div class="cls">
<p>按钮</p>
<p>按钮</p>
<p>按钮</p>
<p>按钮</p>
<p>按钮</p>
</div>
</body>
</html>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
