diff --git a/css/a.css b/css/a.css new file mode 100644 index 0000000000000000000000000000000000000000..0bfa467507b45c1f1117d02d811ae79caed44492 --- /dev/null +++ b/css/a.css @@ -0,0 +1,33 @@ +/* CSS Document */ +#a{ + width:700px; + height:153px; + margin-bottom:2px; +} +#a1{ + width:700px; + height:120px; + background-image:url(../img/banner.jpg); +} +#a2{ + width:700px; + height:33px; + background-image:url(../img/button1.jpg); +} +#a2 li{ + float:left; + width:100px; + text-align:center; + line-height:33px; +} +#a2 a{ + text-decoration:none; + color:#000; + display:block; +} +#a2 a:hover{ + background-image:url(../img/button1_bg.jpg); + position:relative; + bottom:2px; + right:2px; +} diff --git a/css/b.css b/css/b.css new file mode 100644 index 0000000000000000000000000000000000000000..d16a28fd9a6666dd65ff203d505f07852c6bbf56 --- /dev/null +++ b/css/b.css @@ -0,0 +1,71 @@ +/* CSS Document */ +#b{ + width:180px; + height:900px; + float:left; + margin-bottom:20px; + background:url(../img/leftbottom.jpg) no-repeat bottom white; +} +#b1{ + width:180px; + height:70px; + background-image:url(../img/login.jpg); + background-repeat:no-repeat; + padding-top:50px; + padding-left:25px; + margin-bottom:20px; +} +#b1 .txtStyle{ + border-style:none; + width:100px; + border-bottom:solid 1px black; +} +#b1 .btnStyle{ + width:40px; +} +#b1 li{ + margin-top:5px; +} +#b1 a{ + color:black; +} +#b1 a:hover{ + position:relative; + bottom:1px; + left:1px; +} +#b2{ + width:180px; + height:70px; + background-image:url(../img/category.jpg); + background-repeat:no-repeat; + padding-top:50px; + padding-left:25px; + margin-bottom:100px; +} +#b2 a{ + color:black; +} +#b2 a:hover{ + position:relative; + bottom:1px; + left:1px; + color:#F30; + border-bottom:solid 1px red; +} +h3{ + width:135px; + background-color:#FFD8D9; + margin-top:10px; +} +#b2 li{ + line-height:25px; + background-image:url(../img/icon1.gif); + background-repeat:no-repeat; + background-position:left center; + padding-left:15px; + border-bottom:dashed 1px black; + margin-right:45px; + +} + diff --git a/css/c.css b/css/c.css new file mode 100644 index 0000000000000000000000000000000000000000..1050a82c701decfa538bd13f8b22102f912f00b2 --- /dev/null +++ b/css/c.css @@ -0,0 +1,64 @@ +/* CSS Document */ +#c{ + width:518px; + float:right; + margin-bottom:20px; +} +#c a{ + color:black; +} +#c1{ + height:114px; + background-image:url(../img/news.jpg); + background-repeat:no-repeat; + padding-top:33px; + background-color:#FFF; + margin-bottom:2px; +} +#c1 li{ + float:left; + margin-left:2px; + margin-top:5px; +} +#c a:hover{ + position:relative; + bottom:2px; + right:2px; +} +#c2{ + height:292px; + background:url(../img/recommend.jpg) no-repeat white; + padding-top:33px; + margin-bottom:2px; +} +#c2 li{ + float:left; + margin-left:18.8px; + text-align:center; + margin-top:5px; +} +#c3{ + height:132px; + background:url(../img/fresh.jpg) no-repeat white; + padding-top:33px; + margin-bottom:2px; +} +#c3 li{ + float:left; + margin-left:18.8px; + margin-top:5px; +} +#c4{ + height:200px; + background:url(../img/tips.jpg) no-repeat white; + padding-top:33px; + padding-left:60px; +} +#c4 li{ + float:left; + width:200px; + background:url(../img/icon2.gif) no-repeat center left; + padding-left:15px; + line-height:30px; + margin-top:5px; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000000000000000000000000000000000000..f3ff280d75a77a8a42d6b31ff81fe21c49967146 --- /dev/null +++ b/index.html @@ -0,0 +1,159 @@ + + + + +满屋花 + + + + + + + +
+
+
+ +
+
+
+
+ +
+
+ +
+
+
+
    +
    • +
    • +
    • +
+
+ + + +
+
+ +