书签 分享 收藏 举报 版权申诉 / 23
立即下载 加入VIP,免费下载
当前位置： 首页 > 初中教育 > 理化生 > 左右分栏式html模板.docx

类型左右分栏式html模板.docx

  • 文档编号：7385175
  • 上传时间：2023-01-23
  • 格式：DOCX
  • 页数：23
  • 大小：216.69KB
＜!

--导航分开写--＞

lass="nav"

>

    >

    href

    ="#">首页

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

    >

    href

    ="#"＞首页首页

    >

--图片-->

<

ul>

>

href

src

="img/BaiYang.gif"

/>

  • href

    ="#"

    >

    src

    />

    a>

  • href

    ="#"

    >

    src

    />

    a>

  • href

    ="#"

    >

    src=

    >

    ="img/ShuangZi.gif"

    "img/JuXie.gif"

    ="#">

    >

    ="img/JinNiu.gif"

    />

    •  

    >

    href

    ="Detail.html"

    />

    a>

    >

    >

    href

    ="#"

    >

    src=

    >

    href

    ="#"

    >

    src

    />

    a>

    >

    >

    href

    ="#"

    >

    src

    />

    a>

    >

    >

    href

    ="#"

    >

    src

    />

    a>

    >

    >

    href

    ="#"

    >

    src=

    >

    href

    ="#"

    >

    src

    />

    a>

    >

    class=

    right"

    >

    href

    src="img/ShuangYu.gif"

    >

    "img/ChuNv.gif"/>

    ="img/TianCheng.gif"

    ="img/TianXie.gif"

    ="img/SheShou.gif"

    "img/MoJie.gif"/>

    ="img/ShuiPing.gif"

    />

    ="#">

    >

     

    --内容-->

    />

    星友们有没有这样的经历，晚上八点黄

    金档准时出现在电视机面前看某某台首播的某某某明星演的催泪大戏，

    看得内流满面？

    或者是，每一个电视台都在播放着某某

    明星的同一条绯闻，甚至有大堆的狗仔队进行拍摄，现场跟踪报导呢？

    pclass="des">娱乐圈是个大染缸，里面聚集了各

    那么多的青春玉女，猥琐老明星各种绯闻被传得沸沸扬

    扬，

    那你又会不会好奇的同时想知道他们的星座是什么

    呢？

    pclass="line">下面我们一起来详细看看关于星座

    --

    明星的专题吧，看看星座性格会不会影响明星的成名之路呢？

    -->

    <

    般开头和结尾做修饰

    divclass="mingxing">

    src="img/mingxing1.jpg"/>

    星座性格分析周星驰为何被

    黑？

    Vdd>近一个月以来，香港娱乐圈最火热的事件莫过

    于向太陈岚炮轰周星驰了，引得香港的众多艺人纷纷出来站队表态，要么和周星驰划清界限……

    src="img/mingxing2.jpg"/>

    ddclass="tit">星座解析：

    憨豆复出

    dd>曾经宣布不再出演憨豆先生的艾特金森新片

    导演丹尼尔.克雷曼曾是《地心引力》的副导演。

    src="img/mingxing3.jpg"/>

    ddclass="tit">星座解析何炅跳槽事件dd>如今，芒果台的何炅的跳槽事件成为众多媒体

    关注的焦点。

    网曝何炅和光线传媒已经签约，不仅有个人的专属工作室，

    还担任各个重量级节目的只做。

    src="img/mingxing4.jpg"/>

    ddclass="tit">星座盘点娱乐圈黄金剩女dd>舒淇：

    如果真有那种一拍即合的爱情就好了,

    不需要暧昧的你来我往,不需要花太多时间去培养,我已经没有力气去玩

    dl>dl>dt>

    src="img/mingxing5.jpg"/>

    ddclass="tit">娱乐圈十二星座女神大盘点

    dd>十二星座的女神们无一不是在娱乐圈中叱咤风

    云的人物,她们每一个人都是时尚界的宠儿。

    平时她们展现在观众面前的永远都是完美的形象。

    src="img/mingxing6.jpg"/>

    ddclass="tit">星座八卦《相爱十年》dd>《相爱十年》改编自慕容雪村的小说《天堂向

    邓超饰演的主角肖然从上世纪90年代一个普通白领奋斗

    dl>dl>

    dt>

    src="img/mingxing7.jpg"/>

    ddclass="tit">假唱穿帮的星座明星

    手张行曾说：

    “歌手假唱，十之八九

    ”，有时候因为节目的要求或是其它条

    件的限制。

    <

    <

    src="img/mingxing8.jpg"

    dl>

    dl>

    dt>

    ="#">

    ddclass="tit">人气最旺的十大星座明星

    dd>娱乐圈是一个吃青春饭的地方，在现在还火得

    一塌糊涂的人，或许在几年之后就不会有人在提起。

    一些明星，凭借着自

    己的实力在娱乐圈中一直都享有很高的知名度。

    dl>

    div>

    >

    class="right"

    >

    >

    />

    width="301px"/>

    >

    >

     

    option

    >男金牛座

    option

    >男双子座

    option

    >男巨蟹座

    option

    >男狮子座

    option

    >男处女座

    option

    >男天秤座

    option

    >男天蝎座

    option

    >男射手座

    option

    >男摩羯座

    option

    >男水瓶座

    option

    >男双鱼座

    <

    td

    >

    td>

    <

    td

    >

    <

    td>

    value="女生姓

    名"class

    ="txtd

    "/>

    <

    td>

    名配对"

    class

    ="csbtn"/>

    td>

    colspan="2">

    type="text"

    value="输入要测试的姓名"

    class="txt1"/>

    td>

    type="button"value="星座运

    势"class="csbtn"

    />

    "csbtn"

    />

    value="男生姓名

    "class=

    "txtd"

    />

    Header.css

    }a{

    img{

    border:

    0;display:

    block;

    }/*div不用长度里面的没居中设widthheight*/

    }/*可以简写为marginautohidden子集撑起父级文本溢出自动截取*/#headerli{

    float:

    left;

    }/*从外往里面写在头部中定义的限定单位在上面ulli写浮动是全部网页的浏览器中解析*/.login,.reg{

    width:

    61px;

    height:

    31px;

    border:

    1pxsolidorange;text-alignline-height

    }

    .logina,.reg

    color:

    orange;

    }/*合并设置到具体不能是login，rega*/

    .logina:

    hover,.rega:

    hover{color:

    aqua;

    transparent*/

    .searchbox{

    float:

    right;

    margin:

    10px40px00;}

    .navul{margin:

    0auto;width:

    1200px;

    }/*继承子级继承父级里面的a居中只有设置长度之后才能完成居中功

    能*/.nava:

    hover{

    background:

    white;color:

    red;}.imagul{

    overflow

    width:

    margin:

    }

     

    Content.css

    body{

    div

    .conten{

    972px;

    margin:

    10pxauto;width:

    }/*

    布局居中*/

    div

    .left{float:

    width:

    border:

    padding-leftpadding-rightheight:

    auto

    left;

    600px;

    3px

    solid#d3a9eb;:

    30px;

    :

    30px;

     

    p.title{

    width:

    95px;

    height:

    23px;

    line-height:

    23px;text-align:

    center;

    background-color:

    #ad66d8;color:

    white;

    font-weight:

    bold;margin-bottom:

    20px;}

    p.des{

    text-indent:

    24px;line-height:

    30px;width:

    600px;

    }

    p.line{text-indent:

    24px;

    border-bottom:

    1pxsolid#eeeeee;

    .mingxing{overflow:

    hidden;

    div

    :

    1pxsolid#eeeeee;:

    14px;

    .mingxingdl{width:

    600px;

    height:

    120px;border-bottommargin-top

     

    .mingxingdlline-height:

    {

    width:

    196px;

    height:

    28px;

    border:

    1pxsolid#707070;

    div

    line-height:

    28px;

    .csbtn{

    color:

    #634b8d;font-weight:

    bold;

    font-size:

    13px;

    width:

    66px;

    height:

    28px;line-height:

    28px;background-color:

    #f7f7f7;

    border:

    1pxsolid#cccccc;

    Footer.css

    div

    .footerwidth:

    margin:

    clear:

    text-align

    {

    972px;

    0auto;both;

    :

    center;

    div

    .footerwidth:

    margin:

    overflow

    ul{972px;

    0

    auto;hidden;

    div

    .footerfloat:

    paddingline-heightheight:

    ul

    left

    :

    0

    li{

    13px;

    :

    40px;

    40px;

     

    p{

    :

    center;

    40px;

    :

    40px;

    both;

    举报
    举报     版权申诉
    版权申诉     word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载
    配套讲稿：

    如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制：

    部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词：
    左右 分栏 html 模板
    提示  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
    关于本文
    本文标题：左右分栏式html模板.docx
    链接地址：https://www.bdocx.com/doc/7385175.html

    热门标签

    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    copyright@ 2008-2022 冰点文档网站版权所有

    经营许可证编号:鄂ICP备2022015515号-1

    收起
    在线客服
    意见反馈
    返回顶部
    展开
    QQ交谈
    返回顶部