Trang chủ
CSS
Biến CSS
Thử: Sử dụng hàm var()
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> :root { --blue: #6495ed; --trắng: #faf0e6; } body { màu nền: var(--blue); } h2 { viền dưới: 2px rắn var(--blue); } .container { color: var(--blue); màu nền: var(--white); phần đệm: 15px; } nút { màu nền: var(--white); màu sắc: var(--blue); đường viền: var đặc 1px(--blue); phần đệm: 5px; } </style> </head> <body> <h1>Sử dụng hàm var()</h1> <div class="container"> <h2>Lorem Ipsum</h2> <p>Lorem ipsum dolor sit amet , consectetur adipiscing tinh hoa. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p> <p> <button>Có</button> <button>Không</button> </p> </div> </body> </html >