Cách tạo hình thang, mũi tên với html và css

#1

Mình có 1 câu hỏi nhờ các bạn, anh, chị giúp .
Mình muốn dùng css, html để tạo ra các hình: hình thang, hình cây bút… để tạo tiêu đề, bài viết bên trong hình. Nhưng chưa tìm ra cách để tạo ra các hình như vậy (Mình mới chỉ làm đc hình chữ nhật, với hình tròn)
Mong các bạn giúp mình. Thank you so much ^^!

#2

5.jpg4234×869 401 KB

Mình newbie nên ko up đc nhiều hình

#3

#4

Sử dụng clip-path thôi bạn.
Có trang này để bạn tham khảo nè, cắt đủ kiểu: tam giác, hình thang, hình bình hành, mũi tên, ngôi sao, eclipse,…
https://bennettfeely.com/clippy/

8 Likes
#5

Bạn có thể tham khảo:


Code:

7 Likes
#6

Cám on bạn nhiều nha

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?