div+css制作圆角宽度定宽边框

最新推荐文章于 2021-12-26 22:32:59 发布

iceryan

最新推荐文章于 2021-12-26 22:32:59 发布

阅读量1.6k

点赞数

文章标签： css CSS

本文链接：https://blog.csdn.net/iceryan/article/details/8187554

版权

将图切为上部，中部，下部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css 固定大小圆角div</title>
</head>
	<style type="text/css">
		*{margin:0;padding:0}
		body{font-size:12px;padding:100px;}
		.box{
			width:493px;
			height:auto;
			background:url(images/middle.png) repeat-y;/*放中部图片*/
		}
		
		.box h1{
			background:url(images/top.png) no-repeat left top; /*放顶部图片*/
			text-align:center;font-size:16px;
			padding-top:20px;
		} 
			
		.box p{background:url(images/bottom.png) no-repeat left bottom;/*放顶部图片*/
				text-align:justify;padding:20px; text-indent:20px;line-height:20px;
			  }
		
	</style>
    
    <div class="box">
    	<h1>美国66万民众大规模请愿"闹独立"</h1>
        <p>中广网北京11月15日消息 据经济之声《天下财经》报道，美国总统奥巴马获得连任后仅仅一周
        ，美国的50个州已有66万民众签署请愿书，请求白宫允许他们的州从联邦中分离出去并成立新的政府。分析
        认为，这次美国民众大规模请愿"闹独立"只是在发泄对2012年总统大选结果的不满，基本上不会产生任何实际的影响和结果。</p>
    </div>
<body>
</body>
</html>