圖文混排css備忘

2013/10/31 18:03:292049 閱讀

圖文混排css實例：


<div class="Dimg">
	<img src="http://www.whunf.com.cn/images/ad_1.jpg" alt="" width="575" height="335" /> <em><a href="http://www.whunf.com.cn">now this link to www.whunf.com.cn</a></em> 
</div>


css樣式：


.Dimg {
	position:relative;
	display:block;
	height:335px;
	width:575px;
	border:2px solid #2A6794
}

.Dimg em {
	background:#111;
	opacity:0.5;/*除了IE外的寫法*/  
filter:alpha(opacity=50);/*IE的寫法*/
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	width:555px;
	padding:10px;
	border-top:1px solid #999;
}

下一條：facebook、twitter等社交網(wǎng)站分享按鈕

上一條：msdos執(zhí)行ipconfig /flushdns問題