Before và After trong css
“:before” thêm nội dung ngay phía trước thành phần.
“:after” thêm nội dung ngay phía sau thành phần.
Ví dụ:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head> </head> <body> <p>Chia sẻ kiến thức</p> </div> </body> </html> Hiển thị khi chưa có CSS Chia sẻ kiến thức CSS Viết:
p:before {
content: "Quốcbb - ";
}
Hiển thị khi đã có CSS:
Quốcbb - Chia sẻ kiến thức
p:after{
content: " - Quốcbb";
}
Hiển thị khi đã có CSS:
Chia sẻ kiến thức - Quốcbb
Leave a Reply