Home hr 꾸미기
Post
Cancel

CSS › hr 꾸미기

hr 꾸미기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
hr {
    border: none;
    border-top: 1px solid #E3E7EB;
    overflow: visible;
    text-align: center;
    margin-top: 24px;
    height: 17px;
}

hr:after {
    content: "Welcome";
    position: relative;
    top: -15px;
    background: #F1F3F5; 
    padding: 0 10px;
    color: #868E96;
    font-size: 0.8em;
}


결과

image

❤ Recent Post
❤ How About This
❤ Visitor Counter