【HTML】企业网站

最新推荐文章于 2024-05-24 16:55:01 发布

idealistic

最新推荐文章于 2024-05-24 16:55:01 发布

阅读量1.2k

点赞数 2

分类专栏： HTML小程序

本文链接：https://blog.csdn.net/idealistic/article/details/70482371

版权

HTML小程序专栏收录该内容

24 篇文章 3 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>构建企业门户网站</title>
</head>
<style>
#container{/*整体页面*/
	margin:0pt auto;
	width:770px;
	position:relative;
	}
#content{
	background:transparent url('http://p1.so.qhimgs1.com/bdr/_240_/t01dac26195df454a81.jpg') repeat;
	clear:both;
	margin-top:5px;
	width:770px;
	}
#top{
	background:transparent url('http://p4.so.qhimgs1.com/bdr/_240_/t0128d19784792990ca.jpg') repeat;
	height:50px;
	}
	#top p{
		margin:0pt;
		padding:0pt;
		}
#header{
		background: transparent url('http://p0.so.qhimgs1.com/bdr/_240_/t01a23d6a4d54178f80.jpg') repeat;
		height:150px;
		margin-top:5px;
		}
#menu{
		position:absolute;
		top:180px;
		left:15px;
		
		}
#header h1{
	margin:5px 0pt 0pt 50px;
	patting:0pt;
	font-size:1.7em;
	}
#header h2{
	margin:10px 0pt 0pt 90px;
	padding:0pt;
	font-size:1.2em;
	color:rag(223,139,139);
	}
ul#menu{
	margin:0pt;
	}
#menu li{
	list-style-type:none;
	float:left;
	text-align:center;
	width:104px;
	margin-right:3px;
	font-size:1.05em;
	}
#menu a{
	background:transparent url('http://p0.so.qhmsg.com/bdr/_240_/t019ab84b3c006f9825.png') repeat;
	overflow:hidden;
	display:block;
	height:28px;
	padding-top:3px;
	text-decoration:none;
	twidth:100%;
	font-size:1em;
	font-family:Verdana,"Geneva CE",lucida,scans-serif;
	color:rab(255 255 255);
	}
#menu li>a,#menu li>strong{
	width:auto;
	}
#menu a.actual{
	background:transparent url('http://p1.so.qhimgs1.com/bdr/_240_/t0199070a22cb4d5911.jpg') no-repeat;
	color: rab(149,32,32);
	}
#menu a.hover{
	color:rab(149,32,32);
	}
#text{
	background:rab(255,255,255) url('http://p0.so.qhimgs1.com/bdr/_240_/t014e6d9b50c660f01c.jpg') no-repeat;
	width:518px;
	color:rgb(0,0,0);
	float:left;
	}
#text h1,#text h2,#text h3,#text h4{
	color:rgb(140,9,9);
	}
#text h3.headlines a{
	color:rgb(140,9,9);
	}
#column{
	background:rgb(142,14,14) url('http://p0.so.qhimgs1.com/bdr/_240_/t011daa78296839085c.jpg') repeat;
	float:right;
	width:247px;
	}
#column p{font-size:0.7em;}
#column ul{font-size:0.8em;}
#column h3{
	background:rgb(142,14,14) url('http://p4.so.qhimgs1.com/bdr/_240_/t017829bcb4bfa41bd4.png') no-repeat;
	position:relative;
	left:-18px;
	height:26px;
	width:215px;
	margin-top:10px;
	padding-top:6px;
	font-size:0.9px;
	z-index:1;
	font-family:Verdana,"Geneva CE",lucida,sans-serif;
	}
#column h3 span{margin-left:10px;}
#column span.name{text-align:right;
color:rgb(223,58,0);
margin-right:5px;}
#column a{color:rgb(255,255,255);}
#column a:hover{color:rgb(80,210,122);}
p.comments{
text-align:right;
font-size:0.8em;
font-weight:bold;
padding-right:10px;
}
#content-botton{
	bacground:transparent url('http://p2.so.qhimgs1.com/bdr/_240_/t010c2a3744f1de92a2.jpg') no-repeat scroll left bottom;
	clear:both;
	display:block;
	width:770px;
	height:13px;
	font-size:0pt;
	}
#footer{
	background:url('http://p0.so.qhmsg.com/bdr/_240_/t0157a955cfc00a4085.jpg') repeat scroll left bottom;
	margin-top:5px;
	padding-top:2px;
	height:33px;
	}
#footer p{text-align:13px;}
#footer a{color:rgb(255,255,255);}
#footer a:hover{color:rgb(223,58,0);}
p#vorius{
	float:right;
	margin-right:13px;
	font-size:0.75em;}
p#ivorius a{color:rgb(80,210,122);}
/*整体布局*/
p{margin:0.4em 0.5em;font-size:0.85em;text-indent:2em;}
a{color:rgb(25,126,241);text-decoration:underline;}
a:hover{
	color:rgb(223,126,241);text-decoration:none;
	}
a img{
	border:medium none;
	}
ul,ol{margin:0.5em 2.5em;}
h2{margin:0.6em 0pt 0.4em 0.4em;}
body{background:rgb(61,62,63) url('http://p2.so.qhmsg.com/bdr/_240_/t01c4decc379c02c397.jpg') repeat;color:white;font-size:1em;font-family:"Trebucher MS",Tahoma,"Geneva CE",lucida;}
</style>
<body>
<div id="container"><!--页面布局器-->
<div id="top"></div>
<div id="header">
<h1 >计算机 网站</h1>
</div>
<div id=me><!--导航菜单-->
<ul id="menu">
<li><a href="#" class="actual">首页</a></li>
<li><a href="#">产品</a></li>
<li><a href="@">客户</a></li>
<li><a href="#">联系方式</a></li>
</ul>
</div>
<div id="content"><!--主体-->
<div id="text"><!--主体左侧内容-->
<h3 class="headlines"><a href="#" title="testing">欢迎来到我们网站</a></h3>
<p><img src="http://p3.so.qhmsg.com/bdr/_240_/t017d2e1a3a53e5da78.jpg" alt="fotos" align="right"/>
  完美世界是一家网络游戏研发、运营、销售和服务公司。于2004年成立。
</p><p>完美世界总部位于北京，在北美、欧洲和日本设有全资子公司自主运营游戏，旗下游戏已授权至亚洲、澳洲、拉丁美洲、俄罗斯及其它俄语地区等多个国家和地区的主要游戏运营商，游戏出口至世界100多个国家和地区，为全球用户提供优质的互联网娱乐服务完美世界因其第一款大型多人在线全三维网络游戏《完美世界》而声名鹊起。之后，陆续推出了《完美世界》《武林外传》《完美世界国际版》《诛仙》《赤壁》《口袋西游》《神鬼传奇》《梦幻诛仙》《神魔大陆》《降龙之剑》《神鬼世界》《神雕侠侣》《圣斗士星矢Online》《笑傲江湖OL》《圣王》《热舞派对》《倚天屠龙记》等网络游戏精品，并代理了全球精品游戏大作《DOTA2》。
</p>
<p> </p>
</div>
<div id="column"><!--页面右侧内容-->
<h3><span>最新消息</span></h3>
<ul class="category_list"><li><a href="#">公司组织旅游</a></li>
<li><a href="#">2011年乒乓大赛</a></li>
<li><a href="#">公司总经理会见大学生</a></li>
<li><a href="#">公司销售部门再创佳绩</a></li>
</ul>
<h3><span>产品展示</span></h3>
<ul class="recent">
<li><a href="#">在线人员考核系统</a></li>
<li><a href="#">计算机系统</a></li>
<li><a href="#">质量运用管理系统</a></li>
</ul>
<h3><span>客户</span></h3>
<ul class="wet">
<li><a href="#"><cite>华东地区</cite></a><p>上海地区</p></li>
<li><a href="#"><cite>华中地区</cite></a><p>河南地区</p></li>
</ul>
</div>
<div id="content-botton"> </div>
</div>
<div id="footer"><!--页脚部分-->
<p id="ivorius"><a href="#">网页设计者：idealistic</a></p>
</div>
</div>
</body>
</html>

idealistic

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
【HTML】企业网站

构建企业门户网站#container{/*整体页面*/ margin:0pt auto; width:770px; position:relative; }#content{ background:transparent url('http://p1.so.qhimgs1.com/bdr/_240_/t01dac26195df454a81.jpg') repeat; clear
复制链接

扫一扫

专栏目录