div+css (4)

 

设置网页背景

一、背景颜色：

在样式表里建一个body标签，中写到：

background-color:#5b8a00;

margin:-1px;                                边框

color:#c4f762;                                    /* 设置页面文字颜色 */

 

一个左侧边栏的实例：

.leftbanner{

       width:22%; height:330px;

       vertical-align:top;

       background-color:#6d1700;   /* 左侧导航条的背景色 */

       color:#FFFFFF;

       text-align:left;

       padding-left:40px;

       font-size:14px;

}

 

二、背景图片：

body{

       background-image:url(03.jpg);      /* 页面背景图片 */

}

图片将充斥整个浏览器。

也可以让其不重复，使用background-repeat:no-repeat;

当然也可以使其按X或Y轴复制。

 

背景图片的位置

background-position:bottom right; /* 背景位置，右下 */

 

background-attachment:fixed;               /* 固定背景图片 */

 

文字的竖排版

writing-mode:tb-rl;                                            /* 竖排版文字 */