css9

作者: 一只皮皮橙 | 来源:发表于2019-04-04 21:52 被阅读0次

<style type="text/css">

#all{

width:332px;

height:649px;

}

.title{

font-size:18px;

font-weight:bold;

background-image:url(../%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/dress01.png);

background-repeat:no-repeat;

background-position:1px 2px;

text-indent:2.5em;

line-height:50px;

vertical-align:middle;

}

.titl{

font-size:18px;

font-weight:bold;

background-image:url(../%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/dress02.png);

background-repeat:no-repeat;

background-position:1px 2px;

text-indent:2.5em;

line-height:50px;

vertical-align:middle;

}

.tit{

font-size:18px;

font-weight:bold;

background-image:url(../%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/dress03.png);

background-repeat:no-repeat;

background-position:1px 2px;

text-indent:2.5em;

line-height:50px;

vertical-align:middle;

}

.ti{

font-size:18px;

font-weight:bold;

background-image:url(../%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/dress04.png);

background-repeat:no-repeat;

background-position:1px 2px;

text-indent:2.5em;

line-height:50px;

vertical-align:middle;

}

.t{

font-size:18px;

font-weight:bold;

background-image:url(../%E5%9B%BE%E7%89%87%E7%B4%A0%E6%9D%90/dress05.png);

background-repeat:no-repeat;

background-position:1px 2px;

text-indent:2.5em;

line-height:50px;

vertical-align:middle;

}

p{

font-size:12px;

}

p a{

text-decoration:none;

color:#000000;

}

p a:hover{

text-decoration:underline;

}

</style>

</head>

<body>

<div id="all">

<h2 class="title">夏季流行</h2>

<hr/>

<p><a href="#">夏季新品</a> <a href="#">雪纺裙</a> <a href="#">短袖T</a> <a href="#">铅笔裤</a> <a href="#">短裤</a> <a href="#">短袖衬衫</a> <a href="#">小脚牛仔裤</a></p>

<p><a href="#">开衫</a> <a href="#">蕾丝/雪纺衫</a> <a href="#">韩版外套</a> <a href="#">小西装</a> <a href="#">中长款裙</a> </p>

<h2 class="titl">上装</h2>

<hr/>

<p><a href="#">T恤</a> <a href="#">衬衫</a> <a href="#">针织衫</a> <a href="#">长袖T</a> <a href="#">韩版T</a> <a href="#">情侣衫</a> <a href="#">雪纺衬衫</a> <a href="#">韩版衬衫</a></p>

<p><a href="#">防晒衣</a> <a href="#">休闲套装</a> <a href="#">卫衣</a> <a href="#">背心/吊带</a></p>

<h2 class="tit">裙子</h2>

<hr/>

<p><a href="#">连衣裙</a> <a href="#">半身裙</a> <a href="#">长裙</a> <a href="#">短袖裙</a> <a href="#">蕾丝连衣裙</a> <a href="#">长袖裙</a> <a href="#">无袖/背心</a></p>

<p><a href="#">裙</a> <a href="#">A字裙</a> <a href="#">牛仔裙</a> <a href="#">半身中长裙</a> <a href="#">半身短裙</a> <a href="#">包臀裙</a></p>

<h2 class="ti">裤子</h2>

<hr/>

<p><a href="#">裤子</a> <a href="#">休闲裤</a> <a href="#">牛仔裤</a> <a href="#">打底裤</a> <a href="#">长裤</a> <a href="#">哈伦裤</a> <a href="#">阔腿裤</a> <a href="#">短裤/热</a></p>

<p><a href="#">裤</a> <a href="#">连体裤</a> <a href="#">七/九分裤</a> <a href="#">牛仔短裤</a> <a href="#">西装裤</a></p>

<h2 class="t">其他女装</h2>

<hr/>

<p><a href="#">胖M装</a> <a href="#">中老年</a> <a href="#">婚纱</a> <a href="#">礼服</a> <a href="#">旗袍</a> <a href="#">夜店</a> <a href="#">舞台装</a> <a href="#">唐装</a> <a href="#">职业装</a></p>

<p><a href="#">全球购</a> <a href="#">羊绒衫</a> <a href="#">毛衣</a> <a href="#">呢大衣</a> <a href="#">羽绒服</a> <a href="#">真皮皮衣</a> </p>

</div>

相关文章

  • css9

    #all{ width:332px; height:649px; } .title{ font-size:18px...

  • 媒体查询如何使用

    大家好,我是IT修真院武汉分院第13期学员,一枚正直善良的web程序员。 今天给大家分享一下,修真院官网css9任...

网友评论

      本文标题:css9

      本文链接:https://www.haomeiwen.com/subject/ictqiqtx.html