- Messages
- 585
- Points
- 10
- Language
- Tiếng Việt
Bài viết này tôi sẽ hướng dẫn các bạn vẽ biểu tượng Biohazard chỉ bằng vài dòng lệnh CSS đơn giản. Khi nhìn biểu tượng Biohazard thì các bạn sẽ thấy việc vẽ biểu tượng này sẽ khá phức tạp và cần nhiều thành phần HTML lồng nhau nhưng đối với các bạn có kinh nghiệm về CSS thì việc vẽ biểu tượng này không phức tạp đến như vậy.
Các bạn tham khảo nội dung mã lệnh CSS của tôi như sau:
Và vẽ biểu tượng Biohazard bằng dòng lệnh HTML sau:
Các bạn tham khảo nội dung mã lệnh CSS của tôi như sau:
CSS:
.biohazard {
width: 0;
height: 0;
border-top: 60px solid #000;
border-bottom: 60px solid #000;
border-left: 60px solid #ffff00;
border-right: 60px solid #ffff00;
border-radius: 60px;
}
HTML:
<div class="biohazard"></div>