Thuộc tính đường viền bóng mờ trong css html đẹp mặt cho các thẻ <div> <h>

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML' bắt đầu bởi admin, 1/10/14.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,738
    Đã được thích:
    711
    Điểm thành tích:
    113
    Giới tính:
    Nam
    • Để tạo bóng mờ cho các thẻ div, h và các thẻ đóng khung trong css html bạn sử dụng thuốc tính box-shadow trong css html.
    • Như demo hình ảnh dưới, hình 1 chưa có bóng mờ xung quanh menu danh sách, hình 2 khi ta cho bóng mờ box-shadow vào thì thấy có bòng mờ mờ xung quanh menu nhìn rất đẹp mắt, tùy thích bạn cho mờ nhiều và ít, màu sắc mờ,...
    thuoc-tinh-tao-duong-vien-xung-quanh-dep-mat-cho-the-div-1.png

    Hình 1 chưa chỉnh sửa

    thuoc-tinh-tao-duong-vien-xung-quanh-dep-mat-cho-the-div.png

    Hình 2 đã chỉnh sửa
    • Sử dụng thuộc tính box-shadow:
    HTML:
    box-shadow: 1px 2px 5px #999999; // bạn thay đổi số để thấy sự thay đổi của bóng mờ, còn mặc định như vậy là đẹp nhất mình thấy.
    
    • Sử dụng thuộc tính text-shadow cho chữ, text
    HTML:
    text-shadow:2px 2px 5px #999999
    
     
    Cảm ơn đã xem bài:

    Thuộc tính đường viền bóng mờ trong css html đẹp mặt cho các thẻ <div> <h>

    Chỉnh sửa cuối: 14/9/16
    Đang tải...


Like và Share ủng hộ ITSEOVN