From 9f5fafc7ef1ff017f503a00ae27a287f04a628c5 Mon Sep 17 00:00:00 2001 From: cai-dongsheng <476935129@qq.com> Date: Wed, 9 Dec 2020 10:39:15 +0800 Subject: [PATCH 1/3] sdadassad --- lesson11/css/father.css | 20 ++++++ lesson11/css/left.css | 69 ++++++++++++++++++ lesson11/css/right.css | 75 ++++++++++++++++++++ lesson11/css/top.css | 37 ++++++++++ lesson11/index.html | 151 ++++++++++++++++++++++++++++++++++++++++ 5 files changed, 352 insertions(+) create mode 100644 lesson11/css/father.css create mode 100644 lesson11/css/left.css create mode 100644 lesson11/css/right.css create mode 100644 lesson11/css/top.css create mode 100644 lesson11/index.html diff --git a/lesson11/css/father.css b/lesson11/css/father.css new file mode 100644 index 0000000..fdb256b --- /dev/null +++ b/lesson11/css/father.css @@ -0,0 +1,20 @@ + + #father { + width:700px; + margin:1000px; + background-color:#0CF; + margin:0 auto; + font-size:12px; + + + + + } +body{ + background-color:#FFD8D9; + } +*{ + margin:0px; + padding:0px; + } + ul { list-style:none} diff --git a/lesson11/css/left.css b/lesson11/css/left.css new file mode 100644 index 0000000..6bee15f --- /dev/null +++ b/lesson11/css/left.css @@ -0,0 +1,69 @@ +/* CSS Document */ + #left { width:180px; + height:1000px; + background-color:#FFF; + float:left; + background:url(../img/leftbottom.jpg) bottom no-repeat #FFF; + } + #left1 { background:url(../img/login.jpg) no-repeat ; + padding-top:50px; + } + #left1 li{ + margin-left:20px; + padding-top:10px; + } +.txtStyle { width:100px; + border:none; + border-bottom:solid 1px #000000; +} +.btnStyle{ + width:40px; + } + #left1 a { color:#333; + text-decoration:none; + } + #left1 a:hover{ position:relative; + bottom:1px; + right:1px; + + + } + #left2 { + background:url(../img/category.jpg) no-repeat; + padding:50px 24px 5px 24px; + + + + + } + h3{ + background-color:#FDD2CF; + width:140px; + margin-top:10px; + + + } + left2 ul { + padding-top:14px; + } + #left2 li{ + + padding-top:14px; + background:url(../img/icon1.gif) no-repeat center left; + padding-left:10px; + border-bottom:dashed 1px #000000; + + } + #left2 a{ + text-decoration:none; + color:#000 + } + #left2 a:hover{ border-bottom:solid 1px #FF0000; + position:relative; + bottom:1px; + right:1px; + + color:#F00; + + } + diff --git a/lesson11/css/right.css b/lesson11/css/right.css new file mode 100644 index 0000000..6e26407 --- /dev/null +++ b/lesson11/css/right.css @@ -0,0 +1,75 @@ +/* CSS Document */ +#right{ + width:518px; + height:1070px; + float:right; + } +#right1{ + background:url(../img/news.jpg) no-repeat; + padding-top:33px; + width:518px; + height:110px; + } +#right1 li{ + float:left; + } +#right2{ + width:518px; + height:330px; + background:url(../img/recommend.jpg) no-repeat #FFF; + padding-top:33px; + } +#right2 li{ + float:left; + text-align:center; + margin-left:18.8px; + padding-top:15px; + } +#right2 a{ + color:#000; + text-decoration:none; + padding-bottom:20px; + } +#right a:hover{ + color:#C03; + position:relative; + bottom:2px; + right:2px; + } +#right3{ + width:518px; + height:140px; + padding-top:40px; + background:url(../img/fresh.jpg) no-repeat #FFF; + margin-top:5px; + } +#right3 li{ + float:left; + padding-left:18.8px; + text-align:center; + padding-bottom:10px; + } +#right3 a{ + text-decoration:none; + color:#000; + } +#right4{ + width:518px; + height:250px; + background:url(../img/tips.jpg) no-repeat #FFF; + padding-top:50px; + margin-top:5px; + } +#right4 a{ + color:black; + text-align:center; + text-decoration:none; + background:url(../img/icon2.gif) no-repeat center left; + padding-left:7px; + } +#right4 li{ + float:left; + width:220px; + margin-left:25px; + padding-top:20px; + } \ No newline at end of file diff --git a/lesson11/css/top.css b/lesson11/css/top.css new file mode 100644 index 0000000..b88992e --- /dev/null +++ b/lesson11/css/top.css @@ -0,0 +1,37 @@ +/* CSS Document */ +#top{ width:700px; + height:153px; + background-color:#3F0; + margin-bottom:2px; + } +#top1{ + width:700px; + height:120px; + background-image:url(../img/banner.jpg); + } +#top2{ + width:700px; + height:33px; + + + } +#top2 ul{ + list-style:none; + } +#top2 li{ + float:left; + background-image:url(../img/button1.jpg); + line-height:33px; + text-align:center; + width:100px; + } +#top2 a{ + text-decoration:none; + color:#000; + display:block; + } +#top2 a:hover{ + background-image:url(../img/button1_bg.jpg); + position:relative; + bottom:2px; + right:2px; \ No newline at end of file diff --git a/lesson11/index.html b/lesson11/index.html new file mode 100644 index 0000000..139f9ce --- /dev/null +++ b/lesson11/index.html @@ -0,0 +1,151 @@ + + +
+ +gr@OgriO6`xZnfpl9=BL<=S)^8N&T#Uu_?lWW@G70;r+|Y%j;fc8tstgEHysAEbcG1;DX1ac1rf
z92N*Wa2~**=XFU88_ydeEJqeRwBP4|4xv?U6ru*@lyV! O&|tERM7+
z_0xo9BGD{4yuvCE3p|dkGM sgXol*hzv;*6um&9+VAFX{`jd&}u<8BoPaO
z1X?H!da0JdDa3Hf=Ny{Q8<+i2%g|gsthy_Wie4MnEyp#u#WG)~^(^Cl*lRZ1oldWV
zekje|U?zI-0&>8@&C(QW11E&u)=g+;2^~-UNN9;T%}mY0uCDCYvXY*KeLc>2$-pgY
zVWMXSqiH(@P-um5Ay=LQ&wZeYH;_1FOEPdd1l1uklbD8#M-g|tB-34ioQ3pEZIKE?
zi{r>-Hg&5r7Q~sMp>G}shUI2$U5*Mps2U~BHicn05MJEQj7aMFN*M?%ZTvy98%cs|
z3Y09viXayAUoB}_1a2iV;<`ZOxkRqxA}Cpr6VXqNG(m-=IE0nVjcf^|G{WE>0jblx
z)Zu<{c;UbJT|nUuVBT-7uWcuu!*YnG95cg=W+kEk`Vn
zTnqZf^hCBW!-61nyv#2n#>_%8)*Qo%HACt;H7+!sFO`-lOBJLx{%M9IOq)BURLZ1W
zrI9}63P+iA;7ak3Gb~$r<*ZuQdwr^XXjo7v92XCMDs|LI8K@>UvJsD0nHeG@qf&
5r=v*QJ_upi3iv_uAggf&9o5XI|WuA2@L5)`kO6q`)G@X8t`ef6zJeT?MGw6niRw
zWSpSkB7-4RsQ37m^hHBJXaod(4{nZ5NXKWST>+&&r#Wu$qoZrak
z$Dt`gXmJcqOILekDp_%wH0tKam_0l${HnCwv{W%o7tKrTl|*es8yc0>p{%jYKn(NZ
zOH%-GpSUB_BFi0$5N^cw(5496iA*Ph#-{d%QjAKIre%0eWGs;y^UKJ8+zx9DCF85u
z=yKgHA(tf*6*qzdaTA7xIP=DkQ>!_6wAJf~P3(DAsUqt`u5M{TFAcif)SNB~oDtiu
z9z-