Lần trước mình có hướng dẫn cách vẽ cờ nước Mỹ bằng HTML và CSS, hôm nay cũng rãnh rang nên viết tiếp bài hướng dẫn cách vẽ cờ của nước Việt Nam ta bằng HTML và CSS, cờ Việt Nam có bố cục đơn giản nên cũng khá dễ vẽ chỉ cần hình nền div màu đỏ và biểu tượng ngôi sao (thực ra là text) màu vàng nằm ngay chính giữa thẻ div là được, nếu bạn chưa biết cách văn bản (text) nằm giữa thẻ div thì hãy xem thêm bài Hướng dẫn canh văn bản ngay giữa(trên dưới, trái phải) một thẻ DIV bằng CSS | How to use CSS center text (Horizontal and Vertical) inside a DIV block?
Source Code Draw VietNam Flag:
DEMO:
Source Code Draw VietNam Flag:
<html lang="en">
<head>
<title>CSS - Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div style="height: 10em; color: yellow; width: 19em; margin: 3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.25), 0.4em 0.6em 0.5em rgba(0,0,0,0.25);background: red;text-align: center;vertical-align: middle;display: table-cell;">
<font size="10" style="font-size: 550%;">★</font>
</div>
</body>
</html>
<head>
<title>CSS - Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div style="height: 10em; color: yellow; width: 19em; margin: 3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.25), 0.4em 0.6em 0.5em rgba(0,0,0,0.25);background: red;text-align: center;vertical-align: middle;display: table-cell;">
<font size="10" style="font-size: 550%;">★</font>
</div>
</body>
</html>
DEMO:
★
No comments:
Post a Comment