From 41d1076d1e90ffbce3d2d13634ad36a10ac62e58 Mon Sep 17 00:00:00 2001 From: Power712zjj <2905881018> Date: Wed, 9 Dec 2020 10:35:53 +0800 Subject: [PATCH] kk --- .../css/base.css" | 18 +++ .../css/left.css" | 48 ++++++ .../css/right.css" | 102 +++++++++++++ .../css/top.css" | 32 ++++ .../index.html" | 143 ++++++++++++++++++ 5 files changed, 343 insertions(+) create mode 100644 "\350\265\265\345\230\211\351\252\217/css/base.css" create mode 100644 "\350\265\265\345\230\211\351\252\217/css/left.css" create mode 100644 "\350\265\265\345\230\211\351\252\217/css/right.css" create mode 100644 "\350\265\265\345\230\211\351\252\217/css/top.css" create mode 100644 "\350\265\265\345\230\211\351\252\217/index.html" diff --git "a/\350\265\265\345\230\211\351\252\217/css/base.css" "b/\350\265\265\345\230\211\351\252\217/css/base.css" new file mode 100644 index 0000000..fa9d4eb --- /dev/null +++ "b/\350\265\265\345\230\211\351\252\217/css/base.css" @@ -0,0 +1,18 @@ +#father{ + width:700px; + background-color:#6C6; + margin:0 auto ; + +} +body{ + background-color:#FCF + } +*{ + margin:o; + padding:0; + font-size:12px; + position:relative +} +ul{ + list-style:none +} \ No newline at end of file diff --git "a/\350\265\265\345\230\211\351\252\217/css/left.css" "b/\350\265\265\345\230\211\351\252\217/css/left.css" new file mode 100644 index 0000000..590a379 --- /dev/null +++ "b/\350\265\265\345\230\211\351\252\217/css/left.css" @@ -0,0 +1,48 @@ +#left{ + width:180px; + height:700px; + background-color:white; + float:left + } +#login{ + width:180px; + height:200px; + background:url(../img/login.jpg) no-repeat; + padding-top:50px; + padding-left:25px +} +.txtStyle{ + width:100px; + border:none; + border-bottom:solid 1px black; +} +#login li{ + margin-top:5px; + list-style:none +} +.btnStyle{ + width:40px +} +#login a{ + text-decoration:none; + color:black +} +#login a:hover{ + position:relative; + bottom:1px; + right:1px +} +#category{ + background:url(../img/category.jpg) no-repeat; + padding:50px 25px 5px; +} +#category li{ + line-height:25px; + background: url(../img/icon1.gif) no-repeat; + padding-left:15px; + border-bottom:dashed 1px black; +} +#category a:hover{ + text-decoration:underline; + +} diff --git "a/\350\265\265\345\230\211\351\252\217/css/right.css" "b/\350\265\265\345\230\211\351\252\217/css/right.css" new file mode 100644 index 0000000..41bfc1e --- /dev/null +++ "b/\350\265\265\345\230\211\351\252\217/css/right.css" @@ -0,0 +1,102 @@ +#right{ + width:518px; + float:left; +} + +#news{ + height:150px; + background:#FFD8D9 url(../images/news.jpg) no-repeat; +} + +#news ul{ + padding-top:33px; +} + +#news li{ + width:518px; + padding-left:2px; +} + +#news a{ + display:block; + float:left; +} + +#flowerl{ + width:518px; + height:320px; + background:url(../images/recommend.jpg) no-repeat #FFF; +} + +#flowerl ul{ + width:518px; + padding-top:33px; +} + +#flowerl li{ + text-align:center; + display:block; + float:left; + margin-left:18.8px; +} + +#flowerl a{ + text-decoration:none; + color:#000; +} + +#flowerl a:hover{ + bottom:1px; + right:1px; +} + +#new{ + margin-top:2px; + width:518px; + height:180px; + background:url(../images/fresh.jpg) no-repeat #FFF; +} + +#new ul{ + padding-top:33px; +} + +#new li{ + text-align:center; + display:block; + float:left; + margin-left:18.8px; +} + +#new a{ + text-decoration:none; + color:#000; +} + +#new a:hover{ + bottom:1px; + right:1px; +} + +#tips{ + margin-top:2px; + width:453px; + height:83px; + background:url(../images/tips.jpg) no-repeat #fff; + padding-left:65px; + padding-top:33px; +} + +#tips li{ + display:block; + float:left; + width:200px; + padding-left:15px; + background:url(../images/icon2.gif) left center no-repeat; + line-height:20px; +} + +#tips a{ + color:#000; + text-decoration:none; +} \ No newline at end of file diff --git "a/\350\265\265\345\230\211\351\252\217/css/top.css" "b/\350\265\265\345\230\211\351\252\217/css/top.css" new file mode 100644 index 0000000..0e2516f --- /dev/null +++ "b/\350\265\265\345\230\211\351\252\217/css/top.css" @@ -0,0 +1,32 @@ +#top{ + width:700px; + height:153px; + margin-bottom:2px +} +#banner{ + width:700px; + height:120px; + background:url(../img/banner.jpg) no-repeat; +} +#nav li{ + list-style:none +} +#nav li{ + float:left; + width:100px; + text-align:center; + line-height::33px; + +} +#nav a{ + text-decoration:none; + color:black; + background:url(../img/button1.jpg); + display:block +} +#nav a:hover{ + background:url(../img/button1_bg.jpg); + position:relative; + bottom:1px; + right:1px +} \ No newline at end of file diff --git "a/\350\265\265\345\230\211\351\252\217/index.html" "b/\350\265\265\345\230\211\351\252\217/index.html" new file mode 100644 index 0000000..1b87446 --- /dev/null +++ "b/\350\265\265\345\230\211\351\252\217/index.html" @@ -0,0 +1,143 @@ + + +
+ +