Hướng dẫn hình thang css
Nội dung bài viết CSS có thể tạo ra nhiều hình dạng khác nhau. Hình vuông và hình chữ nhật rất dễ dàng vì chúng là hình dạng
tự nhiên của web. Thêm chiều rộng và chiều cao, và bạn có được hình chữ nhật chính xác mà bạn cần. Thêm bán kính đường viền, bạn có thể biến hình dạng này thành một vòng tròn. Với đủ bán kính đường viền, bạn có thể biến các hình chữ nhật này thành hình tròn và hình elip. Tôi rất hiểu những bạn làm về backend đó là đa số là có kiến thức rất mơ hồ về CSS. Ngay cả bản thân tôi, tôi cũng rất yếu về mảng css này. Chính vì điều đó mà tôi khi có cơ hội là tôi luôn viết lại trong collection
của tôi và hôm nay tôi cũng muốn share cho các bạn một bài viết của css-tricks.com. Ngoài ra các bạn cũng có thể tìm hiểu những bài viết giúp bạn nâng cao về css tại "thủ thuật về css" Trên đây là một số mẫu tạo hình dạng với css. Ngoài ra còn rất nhiều thủ thuật nữa về css các bạn có thể đọc ở đây. css-tricks.com Đã đăng vào thg 1 15, 2017 4:55 SA 0 phút đọc Các hình dưới đây đều chỉ dùng một HTML element. Hình vuông
Hình chữ nhật
Hình tròn
Hình oval
Hình tam giác (đỉnh ở trên)
Hình tam giác (đỉnh ở dưới)
Hình tam giác (đỉnh ở bên trái)
Hình tam giác (đỉnh ở bên phải)
Hình tam giác vuông (góc vuông ở góc trên trái)
Hình tam giác vuông (góc vuông ở góc trên phải)
Hình tam giác vuông (góc vuông ở góc dưới trái)
Hình tam giác vuông (góc vuông ở góc dưới phải)
Source: https://css-tricks.com/examples/ShapesOfCSS/ All rights reserved |