Pair of Vintage Old School Fru
LOgo
Trang Chủ Giới Thiệu Blog Tìm kiếm
21:582024-05-23
Quảng cáo:

Nội dung

Code HTML CSS chuẩn cho web/wap

Những thẻ html, css cơ bản và không thể thiếu cho mỗi trang web

HTML5 and CSS3

Code css đổ bóng cho text hộp..

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 hộp văn bản, liên kết, vùng,.. sử dụng box-shadow

Để đổ 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;

Thantienvxp Thantienvxp Thantienvxp Thantienvxp Thantienvxp Thantienvxp

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 html css navigation đẹp cho wap/web code cơ bản cho wapmaster

Những mẫu navigation cơ bản nhưng hữu dụng cho làm web. code hay cho làm web/wap ...

Share code filelist ảnh chuẩn slideshow cực đẹp

Code filelist xtgem kết hợp slideshow javascript cự đẹp cho wap ảnh ...

Share code javascript slide cho web/wap hay đẹp

Code javascript + css + html cực hay, code slideshow đẹp cho web/wap ...

Share code background tuyết rơi bằng css và javascript cực đẹp cho wap

Share code background tuyết rơi bằng css và javascript cực đẹp cho wap, code js cực hay đẹp ...

Công cụ tạo logo đẹp online, các trang tạo logo trực tuyến miễn phí

Công cụ tạo logo đẹp online, các trang tạo logo trực tuyến miễn phí ...

Share code javascript và css hiệu ứng cho chuột

Bộ code hịu ứng cực đẹp cho chuột, hiệu ứng hay bằng javascript và css ...

«1234»
Chia sẻ: SMS Zing Twitter Facebook

Exchanger
U-ON
c-stat
Sitemap.html Sitemap.txt Sitemap.xml
Hosting Miễn Phí

Some Web: Thanhgiang642.wordpress.com tailieu642.xtgem.com