11:09 | 2024-11-12 |
---|
Những thẻ html, css cơ bản và không thể thiếu cho mỗi trang web
Trong css3 hộ trợ một thuộc tính giúp đổ bóng cho văn bản là text-shadow với cấu trúc đầy đủ như sau:
text-shadow: 1px 2px 3px color;
Trong đó:
1px: chỉ rõ bóng ngang
2px: chỉ rõ bóng dọc
3px: chỉ rõ độ mờ, loang của bóng
color: Màu của bóng
Ví dụ ta có dòng chữ như sau:
Thantienvxp
Khi thêm thuộc tính text-shadow như sau:text-shadow:3px 3px 3px red;Thì ta được
Thantienvxp
Bạn cũng có thể kết hợp nhiều chuỗi giá trị để tạo ra một bóng nhiều màu
Ví dụ với giá trị sau:text-shadow:1px 1px 5px red, 2px 3px 4px blue;Ta sẽ được
Thantienvxp Thế giới online
Ta thấy chữ đã có bóng màu xanh nước biển quyện với màu đỏ đó chính là do thuộc tính text-shadow gây nên
Để đổ bóng cho thành phần css3 thường dùng box-shadow với các giá trị giống ở text
Để hiểu rõ ta xét ví dụ với thuộc tính box-shadow:4px 4px 5px #999;
Các dòng chữ Thantienvxp như đang ở trên các thành phần khác và tạo một cái bóng trên trang. Có điều này là do thuộc tính box-shadow mà ta đã cho nó , thuộc tính box-shadow sẽ đổ bóng theo hình chữ nhật chứ không theo hình dạng chữ
Ta cũng có thể kết hợp nhiều chuỗi giá trị để tạo ra bóng nhiều màu săc
ví dụ:box-shadow:2px 2px 3px #008000, 3px 2px 5px red;
Thantienvxp Game mobile MRE JAVA game hot cực hay
Hãy chăm chỉ học tập, việc sử dụng nhuần nhiễn các thuộc tính css cơ bản sẽ là nền tảng cho một trang web đẹp và hiện đại
Share code javascript hiệu ứng ảnh chuyển động cực đẹp khi kéo thanh cuộn trang Hiệu ứng ảnh ta ra và mờ dần đi như thể đang ngày càng gần màn hình hơn khi kéo thanh cuộn trang đi xuống và ngược lại khi kéo thanh ... |
Share code css, thay đổi background images thẻ div khi hover chuột qua thẻ li. Code css, html, javascript Code thay đổi background images thẻ div khi hover chuột qua li. Bằng cách sử dụng javascript và thuộc tính data trong html kết hợp một chút css.... |
Bộ Background đẹp cho web wap, chia sẻ background đẹp Background cực đẹp, background images/ color/ box-showdow/ border-radius cho html/body cực đẹp ... |
[Share] code javascript lịch âm dương cực đẹp cho web/wap Code javascript lịch âm dương hữu dụng cho làm web code javascript cực đẹp ... |
Hướng dẫn cách chèn App máy đo tình yêu cho wap xtgem Ứng dụng cho xtgem. Ứng dụng Máy đo tình yêu vô cùng thú vị. Hướng dẫn cách chèn ứng dụng và cùng chơi ... |
[Share] code hộp box-shadow cực đẹp cho làm web/wap Bộ code box-shadow cực đẹp sẽ đem lại nhiều màu sắc cho trang web của bạn ... |
Some Web: Thanhgiang642.wordpress.com tailieu642.xtgem.com