优艾设计网

伪类问题:before,:after?

优艾设计网 https://www.uibq.com 2023-01-12 07:42 出处:网络 作者:PS教程自学
为什么这样子不显示伪类设置的样式,我设置了定位才能显示 <!doctype html>优艾设计网_在线设计 <html> <head> <meta charset=\"utf-8\"> <title>无标题文档</title> <style

为什么这样子不显示伪类设置的样式,我设置了定位才能显示

<!doctype html>优艾设计网_在线设计 <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> h1:before{ width:100px; height:5px; background:red; content:"";} h1:after{ width:100px; height:5px; background:#000; content:"";} </style> </head><body> <h1>和哈哈哈哈哈哈哈哈哈</h1> </body> </html>


durantkl674 10小时前

优艾设计网_PS问答

因为 :before:afterdisplay 属性默认为 inline. 行内非替换元素不适用 widthheight 属性。改成 display: block 即可。


其其格 优艾设计网_Photoshop交流 10小时前

加个display:block 还有这个叫伪元素,不叫伪类


0

精彩评论

暂无评论...
验证码 换一张
取 消