• 全部
  • 问答

CSS+DIV制作表格

maxzhk 2008-03-06 11:22:51


利用CSS+DIV制作,CSS放入单独文件
请以网页形式传给QQ120555124,在线等,高分送上
...全文
443 点赞 收藏 2
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
<!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=gb2312" />
<title>无标题文档</title>
<style>
#index {
width:812px;
height:72px;
margin:0px 0px 0px 0px;
padding:0px;
border-top-width: 4px;
border-right-width: 4px;
border-left-width: 4px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #FF00FF;
border-right-color: #FF00FF;
border-left-color: #FF00FF;
}
#indexdh {
width:812px;
height:72px;
margin:0px 0px 0px 0px;
padding:0px;
}
#indexdhleft {
background-position: center top;
width:200px;
height:70px;
margin:0px;
padding:0px;
float:left;
line-height:72px;
background-color: #999999;
text-align: center;
vertical-align: middle;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FF00FF;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF00FF;

}
#indexdhmid {
background-position: center top;
width:200px;
height:70px;
line-height:72px;
margin:0px;
padding:0px;
float:left;
text-align: center;
vertical-align: middle;
background-color: #FF9900;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FF00FF;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF00FF;
}
#indexdhmid1 {
background-position: center top;
width:200px;
height:70px;
line-height:72px;
margin:0px;
padding:0px;
float:left;
text-align: center;
vertical-align: middle;
background-color: #999999;
border-right-width: 4px;
border-right-style: solid;
border-right-color: #FF00FF;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF00FF;
}
#indexdhright {
background-position: center top;
width:200px;
height:70px;
margin:0px;
padding:0px;
line-height:72px;
float:left;
text-align: center;
vertical-align: middle;
background-color: #FF9900;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #FF00FF;
}
</style>
</head>
<body>
<div id="index">
<div id="indexdh">
<div id="indexdhleft">姓名</div>
<div id="indexdhmid">小聪</div>
<div id="indexdhmid1">性别</div>
<div id="indexdhright">男</div>
</div>
<div div id="indexdh">
<div id="indexdhleft">民族</div>
<div id="indexdhmid">汉</div>
<div id="indexdhmid1">婚姻</div>
<div id="indexdhright">未婚</div>
</div>
</div>
</body>
</html>
回复
chinmo.net/ddiiv
你打开这个参考下载回去好好研究CSS样式
回复
相关推荐
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2008-03-06 11:22
社区公告
暂无公告