使用CSS创建带边框的按钮组
您可以尝试运行以下代码以创建带有border属性的带边框按钮组
示例
<!DOCTYPE html>
<html>
<head>
<style>
.btn {
color: black;
background-color: yellow;
width: 120px;
text-align: center;
font-size: 15px;
padding: 20px;
float: left;
border: 3px solid blue;
}
.mybtn {
background-color: orange;
}
</style>
</head>
<body>
<h2>Result</h2>
<p>Click below for result:</p>
<div class = "mybtn">
<button class = "btn">Result</button>
<button class = "btn">Result</button>
<button class = "btn">Result</button>
<button class = "btn">Result</button>
<button class = "btn">Result</button>
</div>
</body>
</html>热门推荐
10 感谢教官文案祝福语简短
11 走正路的祝福语简短
12 婚礼酒祝福语简短大气
13 过生日祝福语简短爸爸
14 生日祝福语简短女友英语
15 新年祝福语简短的感谢
16 退休祝福语简短独特老师
17 元旦英文祝福语大全简短
18 文案生日祝福语高级简短