這是我的 HTML 代碼。我正在嘗試添加一條分隔登錄和注冊按鈕的垂直線，有人知道如何做到這一點嗎？
<header class="header">
<h1>The Textbook Marketplace</h1>
<div class="header-buttons">
<button class="btn login-btn">Log In</button>
<button class="btn signup-btn">Sign Up</button>
</div>
</header>
uj5u.com熱心網友回復：
在它們之間添加一個 div 并賦予它適當的高度寬度和顏色
.line{
background-color:black;
height:20px;
width:3px;
}
.header-buttons{
display:flex;
justify-content:center;
align-items:center;
}
.btn{
margin: 10px
}<header class="header">
<h1>The Textbook Marketplace</h1>
<div class="header-buttons">
<button class="btn login-btn">Log In</button>
<div class="line"></div>
<button class="btn signup-btn">Sign Up</button>
</div>
</header>uj5u.com熱心網友回復：
取決于你想要的線的高度。但我認為解決方案是在左按鈕的右邊框上放置一個邊框（例如：純 2px 黑色），反之亦然，如果您為右按鈕放置一個邊框。或者，<div>在兩個按鈕之間創建一個并使用背景顏色或邊框。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/348959.html
上一篇：用于shadow-root的Vaadin14登錄表單css選擇器
下一篇：內嵌標題和文本的字體真棒圖示