How TO - 文字分隔符
瞭解如何使用 CSS 建立文字分隔符。
Lorem Ipsum
OR(或)
AND(與)
自己動手試一試 »
如何建立響應式文字分隔符
步驟 1) 新增 HTML
示例
<div class="divider">Lorem Ipsum</div>
步驟 2) 新增 CSS
示例
.divider {
font-size: 30px;
display: flex;
align-items: center;
}
.divider::before, .divider::after {
flex: 1;
content: '';
padding: 3px;
background-color: red;
margin: 5px;
}
自己動手試一試 »