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, HTML5' bắt đầu bởi admin, 1/10/14.

  1. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,992
    Đã được thích:
    1,215
    Đ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


Chủ để tương tự : Thuộc tính
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính attribute rel trong html là gì? 25/11/23
Ngôn ngữ lập trình CSS, HTML, HTML5 [Hỏi] Khoảng cách chữ text trong html css là thuộc tính gì ấy nhỉ? 1/9/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính khoảng cách text, khoảng cách chữ trong html css là gì? 30/6/20
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính Position của ItemList Product Schema danh mục sản phẩm bị lỗi 11/12/19
Ngôn ngữ lập trình CSS, HTML, HTML5 Vertical-align thuộc tính CSS không hiển thị đúng trên trình duyệt Chrome 14/11/18