<!DOCTYPE HTML><HTMLLang= "ZH-CN"><Linkrel= "stylesheet"href= "elastic stretch layout. css"type= "Text/css"><Head><MetaCharSet= "UTF-8"><title>PC-Side Fixed layout</title></Head><Body><navID= "NAV"> < Sectionclass= "Center"> <H1class= "logo">CSS3 Learning</H1> <ul> <Liclass= "Active"><ahref= "Http://www.baidu.com">Home</a></Li> <Li><ahref="###">Animation</a></Li> <Li><ahref="####">Effects</a></Li> <Li><ahref="####">Consultation</a></Li> <Li><ahref="###">Photo</a></Li> </ul> </ Section></nav><Header>Header</Header>< Section>Section</ Section><Footer>Footer</Footer></Body></HTML>
@charset "UTF-8";/*CSS Document*/Body,h1,ul{margin:0px;padding:0px;}ul{List-style:None}#nav{width:100%;Height:100px;Background-color:#2C904B; }#nav. Center{width:1263px;Height:100px;Background-color:#2C904B;margin:0 Auto;}#nav. Logo{width:400px;Height:100px;Background-image:URL (n.png);background-size:contain;text-indent:-9999px;float: Left;}#nav >section>ul{Color:#ABA8EF;Height:100px;width:600px;Line-height:100px;float: Right; }#nav >section>ul>li{float: Left;width:100px;text-align:Center;}a{text-decoration:None;}#nav >section>ul>li>a{Color:#30B8F7;Display:Block;}#nav >section>ul>li>a:hover, #nav >section>ul>li.active a{Background-color:#045006;}
PC-Side Fixed layout 1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
