你可先给你的按钮设置一个class,比如：class="btn"；
方法有3种：
1.如果有你外链样式表你可以在样式表征
.btn{
width:200px
height:50px
}
2.如果没有连接你直接上头部加上
<style type="text/css">
.btn{
width:200px
height:50px
}
</style>
3.你可以直接在按钮上加比如：
<button style="width:200pxheight:50px">按钮</button>
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
a{width: 100px height: 100px background-color: red transition: 1s display: block font-size: 14px}
a:hover{width: 200px height: 200px background-color: greenyellow}
</style>
</head>
<body>
<a href="###">划到我上面变大</a>
<script>
var a = document.getElementsByTagName('a')[0]
a.onclick = function () {
a.style.width = '300px'
a.style.height = '300px'
a.style.backgroundColor = 'red'
}
</script>
</body>
</html>
可以使用a标签来实现，表单元素button是不能改变高度的，但是可以改变宽度，如果都需要改变的话，只能使用a标签来模拟一个按钮，若要通过点击来实现的话，只能通过JS脚本
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）