Tạo box shadow
Thuộc tính box trong css3 dùng để hiển thị vị trí, định dạng lại vùng không gian, hiển thị độ bóng (shadow) cho thành phần. Và để khỏi mất thời gian bạn có thể sử dụng công cụ bên dưới để tạo nhanh box cho blog/website của mình. Bạn cũng có thể áp dụng nó cho các button
Công Cụ Tạo Box Shadow
Hướng dẫn sử dụng
Sau khi dùng công cụ phía trên để tạo box bạn sẽ có đoạn code tương tự như phía dưới
background: #578FFF;
color: #C9FFDF;
box-shadow: #CCCCCC 0px 0px 6px 6px;
Ta sẽ thêm các thuộc tính trên vào CSS như sau
boxtvl{
background: #578FFF;
color: #C9FFDF;
box-shadow: #CCCCCC 0px 0px 6px 6px;
}
Và HTML ta viết như sau:
<html>
<head></head>
<body>
<boxtvl>Troll VL</boxtvl>
</body>
</html>
Ta sẽ được kết quả như sau
Troll VL
Đây chỉ là ví dụ, ngoài ra bạn có thể thêm nhiều thuộc tính khác cho box như chiều cao, chiều rộng, căn lề ... và phần ghi chú này cũng là một ví dụ cho Box
-->
6 comments
Hôm qua đang viết dở buồn ngủ quá nên chẳng đâu vào đâu :-)
box-shadow: #CCCCCC 0px 0px 6px 6px;
Bạn tùy chỉnh hai thông số được tô đậm và in nghiêng để được kết quả như mong muốn cho phù hợp với blog của mình
Mình mới chơi blog nên ko bik nhju, mong bạn chỉ bào thêm!^^
#wrap
Và thêm thuộc tính sau vào
box-shadow: rgb(121, 121, 121) 0px 0px 6px 6px;
Mình thay đổi màu bóng đổ bởi vì máu bên trên trùng với màu nền blog của bạn nên không nhìn thấy, bạn có thể sửa lại theo ý mình
Cảm ơn bạn đã ghé thăm Troll VL !
Insert Emoticons» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>
Mã Hóa Code Tạo và xem trước comments Cancel Reply
&Convert
'Convert
"Convert
<Convert
>