左右分栏式html模板Word文件下载.docx
《左右分栏式html模板Word文件下载.docx》由会员分享，可在线阅读，更多相关《左右分栏式html模板Word文件下载.docx（17页珍藏版）》请在冰豆网上搜索。
/li>
divclass="
searchbox"
liclass="
login"
<
登陆<
<
reg"
注册<
search"
formaction="
inputtype="
text"
placeholder="
请在此输出内容"
class="
button"
btn"
/form>
/div>
/ul>
--导航分开写-->
nav"
首页<
首页首页<
--图片-->
imag"
left"
img/BaiYang.gif"
img/JinNiu.gif"
img/ShuangZi.gif"
img/JuXie.gif"
Detail.html"
img/ShiZi.gif"
img/ChuNv.gif"
img/TianCheng.gif"
img/TianXie.gif"
img/SheShou.gif"
img/MoJie.gif"
img/ShuiPing.gif"
right"
img/ShuangYu.gif"
--内容-->
conten"
--div是用来分块的-->
pclass="
title"
明星座谈<
img/mingxing.png"
des"
星友们有没有这样的经历，晚上八点黄金档准时出现在电视机面前看某某台首播的某某某明星演的催泪大戏，
看得内流满面？
或者是，每一个电视台都在播放着某某明星的同一条绯闻，甚至有大堆的狗仔队进行拍摄，现场跟踪报导呢？
娱乐圈是个大染缸，里面聚集了各色各样的人，没有绯闻八卦满天飞，
那么多的青春玉女，猥琐老明星各种绯闻被传得沸沸扬扬，
那你又会不会好奇的同时想知道他们的星座是什么呢？
line"
下面我们一起来详细看看关于星座明星的专题吧，看看星座性格会不会影响明星的成名之路呢？
--一般开头和结尾做修饰
-->
mingxing"
dl>
dt>
img/mingxing1.jpg"
/dt>
ddclass="
biaoti"
星座性格分析周星驰为何被黑？
/dd>
dd>
近一个月以来，香港娱乐圈最火热的事件莫过于向太陈岚炮轰周星驰了，引得香港的众多艺人纷纷出来站队表态，要么和周星驰划清界限……<
/dl>
img/mingxing2.jpg"
tit"
星座解析：
憨豆复出<
曾经宣布不再出演憨豆先生的艾特金森新片《FISTOFBEAN》即将上演！
据悉，本片会是穿越中国宫廷的武打片！
而导演丹尼尔.克雷曼曾是《地心引力》的副导演。
img/mingxing3.jpg"
星座解析何炅跳槽事件<
如今，芒果台的何炅的跳槽事件成为众多媒体关注的焦点。
网曝何炅和光线传媒已经签约，不仅有个人的专属工作室，还担任各个重量级节目的只做。
img/mingxing4.jpg"
星座盘点娱乐圈黄金剩女<
舒淇：
“如果真有那种一拍即合的爱情就好了，不需要暧昧的你来我往，不需要花太多时间去培养，我已经没有力气去玩猜测的游戏。
img/mingxing5.jpg"
娱乐圈十二星座女神大盘点<
十二星座的女神们无一不是在娱乐圈中叱咤风云的人物，她们每一个人都是时尚界的宠儿。
平时她们展现在观众面前的永远都是完美的形象。
img/mingxing6.jpg"
星座八卦《相爱十年》<
《相爱十年》改编自慕容雪村的小说《天堂向左，深圳往右》，邓超饰演的主角肖然从上世纪90年代一个普通白领奋斗成亿万富翁。
img/mingxing7.jpg"
假唱穿帮的星座明星<
这是一个以次充好，以假乱真的年代。
老牌歌手张行曾说：
“歌手假唱，十之八九”，有时候因为节目的要求或是其它条件的限制。
img/mingxing8.jpg"
人气最旺的十大星座明星<
娱乐圈是一个吃青春饭的地方，在现在还火得一塌糊涂的人，或许在几年之后就不会有人在提起。
一些明星，凭借着自己的实力在娱乐圈中一直都享有很高的知名度。
xzz"
img/xzzt.png"
pic"
img/cbpic.jpg"
width="
301px"
xzcs"
zha"
table>
tr>
td>
select>
<
option>
白羊座<
/option>
金牛座<
双子座<
巨蟹座<
狮子座<
处女座<
天秤座<
天蝎座<
射手座<
摩羯座<
水瓶座<
双鱼座<
/select>
/td>
今日运势<
明日运势<
本周运势<
下周运势<
本月运势<
下月运势<
value="
星座运势"
csbtn"
/tr>
男白羊座<
男金牛座<
男双子座<
男巨蟹座<
男狮子座<
男处女座<
男天秤座<
男天蝎座<
男射手座<
男摩羯座<
男水瓶座<
男双鱼座<
女白羊座<
女金牛座<
女双子座<
女巨蟹座<
女狮子座<
女处女座<
女天秤座<
女天蝎座<
女射手座<
女摩羯座<
女水瓶座<
女双鱼座<
星座配对"
男鼠<
男牛<
男虎<
男兔<
男龙<
男蛇<
男马<
男羊<
男猴<
男鸡<
男狗<
男猪<
女鼠<
女牛<
女虎<
女兔<
女龙<
女蛇<
女马<
女羊<
女猴<
女鸡<
女狗<
女猪<
生肖配对"
男A型血<
男B型血<
男O型血<
男AB型血<
女A型血<
女B型血<
女O型血<
女AB型血<
血型配对"
男生姓名"
txtd"
女生姓名"
姓名配对"
tdcolspan="
2"
输入要测试的姓名"
txt1"
姓名测试"
/table>
/body>
/html>
Header.css
*{
margin:
0;
padding:
}/*先重置其他样式*/
ul,li{
list-style:
none;
}
a{
text-decoration:
}/*有时候不反应删除重新写就ok*/
img{
border:
display:
block;
}/*div不用长度里面的没居中设widthheight*/
#header{
width:
1100px;
auto;
overflow:
hidden;
}/*可以简写为marginautohidden子集撑起父级文本溢出自动截取*/
#headerli{
float:
left;
}/*从外往里面写在头部中定义的限定单位在上面ulli写浮动是全部网页的浏览器中解析*/
.login,.reg{
61px;
height:
31px;
1pxsolidorange;
text-align:
center;
line-height:
.logina,.rega{
color:
orange;
}/*合并设置到具体不能是login，rega*/
.logina:
hover,.rega:
hover{
aqua;
.btn{
30px;
cursor:
pointer;
background-color:
transparent;
.text{
170px;
20px;
26px;
.search{
background-image:
url（../img/txtbtn.png）;
margin-left:
120px;
}/*!
--出现不了的一般为注释问题大框架包起来必须设置为透明的transparent*/
.searchbox{
right;
10px40px00;
.nav{
background:
#A14DB4;
40px;
.nava{
white;
015px;
--a标签最重要里面的元素浮动--*/
.navul{
0auto;
1200px;
}/*继承子级继承父级里面的a居中只有设置长度之后才能完成居中功能*/
.nava:
color:
red;
.imagul{
.imagli{
10px;
.imagimg{
;
.imagli.left{
padding-left:
0px;
.imagli.right{
padding-right:
Content.css
body{
div.conten{
10pxauto;
972px;
}/*布局居中*/
div.left{
600px;
3pxsolid#d3a9eb;
p.title{
95px;
23px;
center;
#ad66d8;
white;
font-weight:
bold;
margin-bottom:
}
p.des{
text-indent:
24px;
30px;
600px;
p.line{
border-bottom:
1pxsolid#eeeeee;
}
div.mingxing{
}/*有些有提示才能找到*/
div.mingxingdl{
120px;
margin-top:
14px;
div.mingxingdldt{
left;
margin-right:
10px;
div.mingxingdldd{
div.mingxingdldd.tit{
font-size:
15px;
div.right{
301px;
div.xzcs{
344px;
url（../img/cbcsbg.png）
div.zha{
50px;
div.xzcstable{
267px;
div.xzcsselect{
97px;
28px;
1pxsolid#707070;
div.xzcs.txtd{
升级会员 