From 1196ef4db52853fc073dc703fcc702715135939e Mon Sep 17 00:00:00 2001 From: zh363y468b3 <2463925854@qq.com> Date: Wed, 9 Dec 2020 11:18:15 +0800 Subject: [PATCH] first commit --- .../css/base.css" | 17 ++ .../css/left.css" | 58 +++++++ .../css/right.css" | 106 +++++++++++++ .../css/top.css" | 30 ++++ .../index.html" | 145 ++++++++++++++++++ 5 files changed, 356 insertions(+) create mode 100644 "\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/base.css" create mode 100644 "\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/left.css" create mode 100644 "\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/right.css" create mode 100644 "\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/top.css" create mode 100644 "\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/index.html" diff --git "a/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/base.css" "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/base.css" new file mode 100644 index 0000000..09262a8 --- /dev/null +++ "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/base.css" @@ -0,0 +1,17 @@ +#father{ + width:700px; + height:1000px; + margin:0px auto; +} +#father ul{ + list-style:none; +} +*{ + margin:0px; + padding:0px; + font-size:12px; +} +body{ + background-color:#FFD8D9; +} + diff --git "a/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/left.css" "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/left.css" new file mode 100644 index 0000000..1bc9508 --- /dev/null +++ "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/left.css" @@ -0,0 +1,58 @@ +#left{ + width:180px; + height:850px; + background-color:#FFF; + float:left; + margin-top:2px; +} +#left1{ + background:url(../img/login.jpg) no-repeat; + padding-top:50px; + padding-left:25px; +} +#left1 .txtStyle{ + width:100px; + border:none; + border-bottom:solid 1px; +} +#left1 .btnStyle{ + width:40px; +} +#left a{ + color:#000; + text-decoration:none; +} +#left1 a:hover{ + position:relative; + bottom:1px; + right:1px; +} +#left2 li{ + line-height:25px; + padding-left:15px; + background:url(../img/icon1.gif) no-repeat left center; + border-bottom:dashed 1px; +} +#left2{ + background:url(../img/category.jpg) no-repeat; + padding:50px 24px 5px 24px; + +} +#left2 a:hover{ + color:#60C; + text-decoration:underline; +} +#left2 h3{ + background-color:#FFD8D9; + margin-top:10px; +} + + + + + + + + + + diff --git "a/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/right.css" "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/right.css" new file mode 100644 index 0000000..cf21e66 --- /dev/null +++ "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/right.css" @@ -0,0 +1,106 @@ +#right{ + width:518px; + height:800px; + float:right; + margin-top:2px; +} +#right1{ + background:url(../img/news.jpg) no-repeat; + padding-top:33px; + height:109px; +} +#right1 li{ + float:left; + margin-left:2px; +} +#right2{ + background:url(../img/recommend.jpg) no-repeat #FFF; + padding-top:33px; + height:300px; +} +#right2 li{ + float:left; + margin-left:18.8px; + text-align:center; +} +#right2 a{ + color:#000; + text-decoration:none; +} +#right2 a:hover{ + position:relative; + bottom:2px; + right:2px; +} +#right3{ + background:url(../img/fresh.jpg) no-repeat #FFF; + padding-top:33px; + height:130px; + margin:2px; +} +#right3 li{ + float:left; + margin-left:18.8px; +} +#right3 a{ + text-decoration:none; + color:#000; +} +#right3 a:hover{ + position:relative; + bottom:2px; + right:2px; +} +#right4{ + background:url(../img/tips.jpg) no-repeat #FFF; + padding-top:45px; + padding-left:50px; + height:165px; +} +#right4 li{ + float:left; + width:200px; + background:url(../img/icon2.gif) no-repeat center left; + padding-left:15px; + line-height:30px; +} +#right4 a{ + text-decoration:none; + color:#000; +} +#right4 a:hover{ + position:relative; + bottom:1px; + right:1px; +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git "a/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/top.css" "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/top.css" new file mode 100644 index 0000000..74f2d9b --- /dev/null +++ "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/css/top.css" @@ -0,0 +1,30 @@ +#top{ + width:700px; + height:150px; + +} +#top1{ + widows:700px; + height:120px; + background-color:#FC6; + background-image:url(../img/banner.jpg); +} +#top2 li{ + float:left; + width:100px; + text-align:center; + line-height:33px; + background-image:url(../img/button1.jpg); + +} +#top2 a{ + text-decoration:none; + color:#000; +} +#top2 li:hover{ + position:relative; + bottom:2px; + right:2px; + background-image:url(../img/button1_bg.jpg); +} + diff --git "a/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/index.html" "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/index.html" new file mode 100644 index 0000000..91a2044 --- /dev/null +++ "b/\345\274\240\345\256\217/\346\273\241\345\261\213\350\212\261/index.html" @@ -0,0 +1,145 @@ + + +
+ +