淘先锋技术网

首页 1 2 3 4 5 6 7

CSS是一种用于网页样式设置的语言,使用CSS可以轻松地将按钮设置为竖向排列。

/*设置按钮的样式*/
button{
display:block; /*将按钮设置为块级元素*/
width:100px; /*设置按钮的宽度*/
height:30px; /*设置按钮的高度*/
margin:10px 0; /*设置按钮之间的间距*/
text-align:center; /*使按钮中的文字居中对齐*/
border:none; /*去除按钮的边框*/
background-color:#008CBA; /*设置按钮的背景颜色*/
color:#ffffff; /*设置按钮中的文字颜色*/
font-size:16px; /*设置按钮中的文字大小*/
font-weight:bold; /*设置按钮中的文字加粗*/
transform:rotate(-90deg); /*将按钮垂直旋转90度*/
transform-origin:center center; /*设置旋转中心为按钮中心*/
}

在上述代码中,我们使用了transform:rotate(-90deg);将按钮垂直旋转90度,从而实现了按钮的竖向排列。同时,我们还使用了transform-origin:center center;将旋转中心设置为按钮的中心,使得按钮旋转后依然在同一位置。