图文混排css备忘

2013/10/31 18:03:291978 阅读

    图文混排css实例:
    <div class="Dimg">
    	<img src="http://www.hekee.net/images/ad_1.jpg" alt="" width="575" height="335" /> <em><a href="http://www.hekee.net">now this link to www.hekee.net</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等社交网站分享按钮

    上一条:msdos执行ipconfig /flushdns问题

枣庄西桥网络微信小程序微信小程序

枣庄西桥网络手机站二维码扫描手机浏览