CSS是前端开发中不可或缺的一部分，通过CSS可以实现网页的样式和布局。在手机端开发中，常常需要设计不同样式的按钮，其中最常见的是竖着的按钮。接下来我将介绍关于CSS手机竖着的按钮的相关知识。

.btn {
width: 50px;
height: 100px;
background-color: #ccc;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.btn:before,
.btn:after {
content: '';
position: absolute;
width: 10px;
height: 20px;
bottom: 10px;
background-color: #fff;
transform: rotate(45deg);
left: 50%;
margin-left: -5px;
}
.btn:after {
transform: rotate(-45deg);
}

以上代码实现了一个宽50px，高100px，带描边的竖着的按钮，其中‘before’和‘after’为伪元素，主要用来实现按钮的两个角落的三角形。通过‘position’和‘transform’属性，可以对伪元素进行定位和旋转操作。

在实际开发中，我们可以根据自己的需求修改这些属性，例如改变按钮的大小、颜色及描边等，同时还可以给按钮添加点击事件等。

总之，通过CSS可以轻松地实现手机竖着的按钮，进而为我们的手机页面设计提供更多选择和可能性。