Share Vẽ biểu tượng Biohazard với CSS

filiallion · 05/03/2018

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:

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;
}

Và vẽ biểu tượng Biohazard bằng dòng lệnh HTML sau:

HTML:

<div class="biohazard"></div>

Share Vẽ biểu tượng Biohazard với CSS

filiallion

Administrator