Help Làm sao làm được 2 gạch như vnxf

[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại Group Zalo của Cộng đồng người dùng XenForo tại Việt Nam

sukoro

Corporal
Nhờ các bạn chỉ giúp, mình thấy đẹp quá
vnxf.jpg
 
Bạn tham khảo đoạn css sau nhé:

CSS:
.block-header {
    overflow: hidden;
}

.block-header .block-category {
    display: inline-block;
    position: relative;
}

.block-header .block-category:before, .block-header .block-category:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #f6ab4a;
    border-top: 1px solid #482f30;
    top: 40%;
    width: 100%;
}

.block-header .block-category:before {
    right: 100%;
    margin-right: 10px;
}

.block-header .block-category:after {
    left: 100%;
    margin-left: 10px;
}
 
Bạn tham khảo đoạn css sau nhé:

CSS:
.block-header {
    overflow: hidden;
}

.block-header .block-category {
    display: inline-block;
    position: relative;
}

.block-header .block-category:before, .block-header .block-category:after {
    content: "";
    position: absolute;
    height: 5px;
    border-bottom: 1px solid #f6ab4a;
    border-top: 1px solid #482f30;
    top: 40%;
    width: 100%;
}

.block-header .block-category:before {
    right: 100%;
    margin-right: 10px;
}

.block-header .block-category:after {
    left: 100%;
    margin-left: 10px;
}
THÊM VÀO ĐÂU VẬY Ạ?
 
Back
Top