最近學(xué)習(xí)點(diǎn)樣式表,以前有一位很歷害的css朋友給我這個(gè)代碼,看的挺不錯(cuò)的,思想真棒!留個(gè)紀(jì)念!
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >
<html xmlns=>
<head>
<meta http-equiv=content-type content=text/html; charset=gb2312 />
<title>無(wú)標(biāo)題文檔</title>
<style type=text/css>
*{ margin:0; padding:0;}
html,body{ width:100%; height:100%; overflow:auto; position:relative;}
.container{ width:100%; height:100%; overflow:auto;}
.bg{ background:#000000;opacity:0.5; filter:alpha(opacity=50); position:absolute; z-index:1; overflow:auto; width:100%; height:100%; left:0; top:0;}
.box{ position:absolute; left:50%; top:50%; width:300px; z-index:11; height:300px; line-height:300px; color:#f60; font-weight:bold; font-size:20px;}
.info{ position:absolute; left:-50%; top:-50%; z-index:10; width:300px; height:300px; text-align:center; border:1px solid #f00; background:#fff;}
</style>
</head>
<body>
<div class=container>
<script type=text/javascript>
for(var i=0;i<150;i++){
document.write('<center>大力開(kāi)發(fā)建設(shè)蝶戀蜂狂就愛(ài)上了開(kāi)發(fā)簡(jiǎn)單說(shuō)了開(kāi)發(fā)經(jīng)理的薩克減肥啦可適當(dāng)加分</center>');
}
</script>
</div>
<div class=bg></div>
<div class=box><div class=info>我就不動(dòng)</div></div>
</body>
</html>