/* pseudo elements ::before ::after CONTENT not element content:'' ---required img --- does not work */ INDEX.HTML: <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > CSS Tutorial </ title > < link rel = "stylesheet" href = "styles.css" > </ head > < body > < p > before and after pseudo element </ p > < div > < img src = "./detox.jpg" alt = "" > </ div > </ body > </ html > CSS: /* pseudo elements ::before ::after CONTENT not element content:'' ---required img --- does not work */ p::before { content : "read this -" ;
评论
发表评论