《名人百科网页设计代码》由会员分享,可在线阅读,更多相关《名人百科网页设计代码(24页珍藏版)》请在金锄头文库上搜索。
1、名人百科*margin: 0;padding: 0;/* html,body,tablemargin: 0;height: 100%; */#daohang position:absolute;text-align: center;/* margin-left: 35px; */* width: 1600px; */width: 100%;height: 450px;background-color: #38D2E3;border:1px solid black;#daohang ul lifloat:left;/* margin-left: 10px; */list-style-type:n
2、one;width:120px;height:50px;/*margin-left: 52px;*/#daohang ul li adisplay:block; width:100px; height:50px;text-decoration:none;text-align: center;line-height: 50px;color:black; #daohang ul li a:hoverbackground-color: #ccc; .logo float: left; height: 50px; width: 200px; margin-left: 70px; .boxwidth:
3、200px;height: 29px;margin: 10px;position: relative;/*border:1px solid blue;*/.box formdisplay: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;.txtwidth: 150px;border:2px solid gray;.btnwidth: 76px;height: 23px;background-color: gray;border:none;color:#fff;font-size:
4、 16px;.box labelposition: absolute;top:6px;left:5px;font-size: 12px;color:#333; #mianze position:absolute;width: 100%;height: 92px;background-color: #191D3A;min-width: 1000px;#mianze .innerwidth: 1000px;margin:0 auto;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display
5、: flex;font-size: 12px;color: #fff;#mianze pline-height: 92px;#mianze .leftwidth: 30%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;padding-left: 10px;#mianze .rightwidth: 70%;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;disp
6、lay: flex;justify-content: flex-end;padding-right: 10px;align-items: center;margin-right: 7px; .dian ullist-style-type:none;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content:space-between;position:absolute; .dian limargin-left: 10px;width: 12px
7、;height: 12px; .diantop: 400px; margin-left: 700px;width: 108px;height: 12px;position: absolute;bottom: 22px;.dian li adisplay:block;width: 12px;height: 12px;border-radius:12px;background-color: #ccc; .dian li a.firstbackground-color: #fff;.rw1width: 1200px;height: 380px;margin-left: 170px;padding-t
8、op: 20px;.rw3 margin-top: 470px;width: 1360px;height: 400px;margin-left: 80px;border:1px solid red;.rw4float: left;width: 325px;height: 380px;margin-left: 10px; margin-top: 10px;border:1px solid red;.rw4 ul lifont-size:20px;margin-left: 30px;.rw4 ul li a:linktext-decoration: none;.rw5margin-top: 10p
9、x;margin-bottom: 10px;text-indent:0.5em;width: 120px;height: 30px;background-color: #960B10;color:white;font-size:24px;margin-left: 110px;.rw2width: 300px;height: 380px;float: left;.tumargin-left: 117px;#jianjiemargin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;
10、font-family:微软雅黑;text-indent:2em;#jianjie1margin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;font-family:微软雅黑;text-indent:2em;#jianjie2margin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;font-family:微软雅黑;text-indent:2em;#jian
11、jie3margin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;font-family:微软雅黑;text-indent:2em;#jianjie4margin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;font-family:微软雅黑;text-indent:2em;#jianjie5margin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;font-family:微软雅黑;text-indent:2em;#jianjie6margin-top: 100px;width: 800px;height:200px;float: left;font-size:24px;margin-left: 50px;font-family:微软雅黑;text-in