Màu viên gradient thường được sử dụng để làm nổi bật nội dung cho website.
<div class="border1"> Nội dung thử nghiệm 1... </div>
HTML bao gồm một thẻ div hoặc p..vv, bao bọc bên ngoài nội dung cần hiển thị border gradient.
<style>
/* CSS border 1 */
.border1 {
padding:10px;
border: 7px solid; /* độ rộng của đường viền */
border-image-slice: 1;
border-image-source: linear-gradient(93deg, rgba(255,218,0,1) 0%, rgba(0,167,103,1) 100%); /* màu của đường viền */
}
</style>
Đối với mã màu bạn có thể vào trang cssgradient này để phối trộn theo ý thích rồi dán thay vào code CSS ở trên.