肆壹玖

分隔線

.hr {
    border-bottom: 1px solid #333333;
    padding: 30px 0;
}

偽元素 右邊 虛線

.border-right {
    position: relative;
}

.border-right::after{
    content: '';
    position: absolute;
    border-right: dashed 1px #000;
    height: 180px;
    right: 0;
    top: -30px;
}

四邊實線

.border {
    border: solid 1px #000;
    height: 60px
}

膠囊形狀背景

.capsule {
    background-color: #339999;
    padding: 20px 10px;
    border-radius: 50px;
}