Tạo hiệu ứng viền cầu vồng bằng CSS cho Blogger

Tạo hiệu ứng viền cầu vồng bằng CSS cho Blogger là một trong những mẫu đặc biệt của code khung viền, sử dụng trong khung đường viền hoặc tạo Backround cầu vồng bằng cách chỉnh sửa code. Chúc các bạn thành công!

THAYHIEUBUNGBU.COM

<style type="text/css">
.rainbow-box {
    background:linear-gradient(60deg, #f79534, #f37056, #ef4e8b, #a167ab, #5073b9, #1099ad, #07b38b, #6fba93);
    padding: 14px;
    border-radius: 5px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.rainbow-content {
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255,255,255,.3);
    font-size: 14px;
    padding: 10px;
    border-radius: 3px
}
p {
    margin: 0
}
</style>

<div class="rainbow-box">
<div class="rainbow-content">
<p>
THAYHIEUBUNGBU
</p>
</div>
</div>

{fbt_slider_post}