Before after trong css

#1

Em có 1 banner như hình:

h2
h21894×511 111 KB

Em muốn thêm 2 hình sử dụng ::before và ::after để có banner như sau:
h1
h11211×329 90.5 KB

Đây là source html ạ:
html
html882×603 33.2 KB

Cho em hỏi cách thêm 2 hình ấy như thế nào ạ?

#2

bạn đang thắc mắc điều gì?

2 Likes
#3

Dạ em muốn thêm 2 cái hình ở góc trái và phải như hình 2 sử dụng ::before và ::after ạ

#4

Bạn muốn phải sử dụng :before và : after trong trường hợp này hay là có thể sử dụng phương pháp khác miễn là vẫn ra kết quả?
Nếu trong trường hợp phải dùng thì đơn giản bạn css nó thôi.

#banner:before {
    background-image: ;
    /*...*/
}

#banner:after {
    background-image: ;
    /*...*/
}
1 Like
#5

Vậy có cách nào đơn giản hơn khong anh ?

#6

Bạn hỏi dùng before after thì dùng before after rồi position cho nó thôi.
Cách khác thì tất nhiên là có mà độ “đơn giản” thì cũng vậy.

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