菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码：
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <style> .btn-group button { background-color:#4CAF50; /* Green background */ border:1px solid green; /* Green border */ color:white; /* White text */ padding:10px 24px; /* Some padding */ cursor:pointer; /* Pointer/hand icon */ width:50%; /* Set a width if needed */ display:block; /* Make the buttons appear below each other */ } .btn-group button:not(:last-child) { border-bottom:none; /* Prevent double borders */ } /* Add a background color on hover */ .btn-group button:hover { background-color:#3e8e41; } </style> <h1>垂直按钮组</h1> <div class="btn-group"> <button>Apple</button> <button>Samsung</button> <button>Sony</button> </div> </body> </html>
运行结果