理解伪元素 :before 和 :after

: 30px;

}

blockquote:after {

content: close-quote;

font-size: 24pt;

text-align: center;

line-height: 42px;

color: #fff;

background: #ddd;

float: right;

position: relative;

bottom: 40px;

}

指定伪元素尺寸

因为已经设置float，所以无需设置display:black。

blockquote:before { 
 
content: open-quote; 
 
font-size: 24pt; 
 
text-align: center; 
 
line-height: 42px; 
 
color: #fff; 
 
background: #ddd; 
 
float: left; 
 
position: relative; 
 
top: 30px; 
 
border-radius: 25px; 
 
height: 25px; 
 
width: 25px; 
 
} 
 
blockquote:after { 
 
content: close-quote; 
 
font-size: 24pt; 
 
text-align: center; 
 
line-height: 42px; 
 
color: #fff; 
 
background: #ddd; 
 
float: right; 
 
position: relative; 
 
bottom: 40px; 
 
border-radius: 25px; 
 
height: 25px; 
 
width: 25px; 
 
}

接洽关系背景图像

我们也可声调换用图片调换内容而不是只有纯文本。尽管content属性供给了 url()来插入图片, 然则在更多的实例中，我更偏向于应用背景(background)属性大年夜而更好的┞菲握图片。

	
			 2/4   首页 上一页 1 2 3 4 下一页 尾页	
			

　　推荐阅读
　　EPS应急电源的应用常见问题合集
            
            
                
                    
                
                EPS的全称为紧急电力供给，其肩负着在电力不足的间谍作况下供给备用电力的义务。与UPS电源不合，EPS应急电源并>>>详细阅读


本文标题：理解伪元素 :before 和 :after
地址：http://www.17bianji.com/lsqh/36606.html
 1/2    1