LOgo
Trang Chủ Giới Thiệu Blog Tìm kiếm
23:252024-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 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 ...

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


XtGem Forum catalog