3-5 伪元素2
〈!--伪元素:文档结构中没有出现的元素--〉
〈!--before 在元素内容之前添加新内容,必须配合content使用--〉
〈style type="text/css"〉
div::before{
content:"www.51zxw.com";
}
〈!--在元素之后添加内容,必须配合content使用--〉
div::after{
content:"www.51zxw.com";
color:red;〈!--可以给微元素添加颜色属性--〉
font-size:12px; 〈!--可以给元素添加大小属性--〉
display:block; 〈!--伪元素是行内元素,如果要进行换行 则需要转化为块级元素--〉
}
〈/style〉
〈!--伪元素:文档结构中没有出现的元素--〉
〈!--before 在元素内容之前添加新内容,必须配合content使用--〉
〈style type="text/css"〉
div::before{
content:"www.51zxw.com";
}
〈!--在元素之后添加内容,必须配合content使用--〉
div::after{
content:"www.51zxw.com";
color:red;〈!--可以给微元素添加颜色属性--〉
font-size:12px; 〈!--可以给元素添加大小属性--〉
display:block; 〈!--伪元素是行内元素,如果要进行换行 则需要转化为块级元素--〉
}
〈/style〉















本站有权保留或删除有争议评论。 参与本评论即表明您已经阅读并接受上述条款。