当前位置:主页 > 网页教程 > 网页制作 > div css > 内容欢迎大家投稿

CSS页面绝对居中,任意排版,兼容所有浏览器(2)

时间:2009-11-01 08:26来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

之后是css代码:


css代码

 <style>
        body{
            text-align:center;
            margin:auto;
            font-family:宋体;
        }
        #head,#nag2,#content{ position:relative; }
        #logo,#poster,#nag1,#flashshow,#hot{ position:absolute;}
        .bluetext{color:#2D60ED;}
        #head{width:1000px;height:170px;background-color:#fbe73b;}
        #headsideline{ width:100%; height:10px; background-color:#ff2d1d;  }
        #logo{  width:300px; height:160px; background-color:#eee;  left:0px;     }
        #poster{    left:380px;    top:40px;    }
        #nag1{padding:5px;padding-left:15px;padding-right:15px;background-color:#eeeeee;left:500px;top:130px;color:#ff2d1d;font-size:14px;border:1px solid #ff2d1d;    }
        #nag1 a{color:#ff2d1d;}
        #nag1 a:hover{color:#1EA082;font-size:16px;}
        #nag2{background-color:#eee;width:1000px;height:30px;left:0px;    top:5px;    color:#ff2d1d;font-size:12px;border:1px solid #ff2d1d;text-align:left;}
        #nag21{padding-top:7px;padding-left:15px;padding-right:15px;}
        #content{top:10px;left:0px;width:1000px;}
        #flashshow{left:0px;top:0px;}
        #hot{left:645px;}
    </style>

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接