Writing Disneyland Pages in HTML

Celebrity

Mickey Mouse and his friends
Disney Princess
car racing
little princess sophia
Frozen
star wars

shop

Disney Information

**以下是css** .disini{ width: 1200px; height: 4000px; margin: 0 auto; border: 1px solid gray; } header{ text-align: center; background-color: #ffffff; } nav>a{ display:inline-block; width: 14.28%; color: black; } .aa{ display: inline-block; width: 21px; height: 20px; background-image: url("../images/icon.png"); } header{ margin-bottom: 20px; } nav>a:hover{ color: red; } .aa:hover{ background-position:-21px 0 ; } .bb{ display: inline-block; width: 21px; height: 20px; background-image: url("../images/icon.png"); background-position: 0 -20px; } .bb:hover{ display: inline-block; width: 21px; height: 20px; background-image: url("../images/icon.png"); background-position: -22px -20px; } .cc{ display: inline-block; width: 21px; height: 23px; background-image: url("../images/icon.png"); background-position:0 -42px; } .cc:hover{ display: inline-block; width: 21px; height: 23px; background-image: url("../images/icon.png"); background-position: -22px -42px; } .dd{ display: inline-block; width: 21px; height: 18px; background-image: url("../images/icon.png"); background-position: 0 -64px; } .dd:hover{ display: inline-block; width: 21px; height: 18px; background-image: url("../images/icon.png"); background-position: -22px -64px; } .ee{ display: inline-block; width: 13px; height: 22px; background-image: url("../images/icon.png"); background-position: 0 -82px; } .ee:hover{ display: inline-block; width: 21px; height: 17px; background-image: url("../images/icon.png"); background-position: -22px -82px; } .ff{ display: inline-block; width: 21px; height: 17px; background-image: url("../images/icon.png"); background-position: 0 -102px; } .ff:hover{ display: inline-block; width: 21px; height: 17px; background-image: url("../images/icon.png"); background-position: -22px -102px; } /*div明星*/ .red{ text-align: center; font-size: 40px; margin-top: 56px; margin-bottom: 42px; } figure>img{ width: 114px; } .yes{ margin:0 40px ; float: left; } /*div 商店*/ .blue>h1{ text-align: center; font-size: 40px; margin-top: 60px; margin-bottom:38px ; } .yellow{ width:600px ; height: 520px; float: left; } .green { width: 300px; height: 260px; float: left; border-top: 1px solid gray; border-bottom: 1px solid gray ; border-left: 1px solid gray; box-sizing: border-box; } /*迪士尼资讯*/ .ll>h1{ text-align: center; margin-top: 60px; margin-bottom:42px ; font-size: 40px; } .end a{ color: gray; font-size: 14px; } .ab{ width: 600px; height:480px ; } .cd{ width:600px; height: 300px; border-top: 1px solid gray; border-bottom: 1px solid gray ; border-right: 1px solid gray; box-sizing: border-box; } .ef{ width: 300px; height: 300px; } .gh{ width: 299px; height: 180px; border-left: 1px solid gray; box-sizing: border-box; } .op{ float: left; } .mn{ float: right; } .mm{ width: 300px; height: 300px; float: left; border-top: 1px solid gray; border-bottom: 1px solid gray ; box-sizing: border-box; } .cd>h1{ font-size: 30px; margin:44px 200px 30px 40px ; } .cd>a{ margin: 0 50px; } .end i{ display: inline-block; width:14px; height: 14px; background-image: url("../images/icon.png"); background-position: -49px -102px; } /*页脚*/ .hh{ height: 80px; float: left; padding-right:30px ; margin-left:400px ; margin-top: 110px; border-right: 1px solid gray; } .oo{ float: left; margin-top: 110px; margin-right:34px; margin-left: 68px; } footer{ margin-top: 90px; } .hh>figure{ margin-right: 68px; margin-left:78px ; } .tt{ text-align: center; border-top: 1px solid gray; padding-top: 20px; } p{ color: gray; font-size: 10px; text-align: center; } .yy{ float: right; margin-right: 300px; margin-top: 30px; } .yy a{ font-size: 18px; color: black; margin-right:40px ; text-decoration: none; }

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=324684171&siteId=291194637