杰哥个人博客|杰哥博客|厦门杰哥|杰哥主页|杰哥个人网站|杰哥网站

div是网页中经常用到的一个属性，div其实就是层的概念，也可以理解为一个绝对区域，div里的属性很多，一个div使用id来标志的，它的属性是放在style里定义的，style的属性太多，就不详细说了，这里说一下div边框的定义。

在style里这样定义border-width:1px,border-color:red,我们期待能看到红色的边框效果，但运行的时候并没有看到，怎么回事？是这个属性写错了吗?

当然不是，要让边框属性生效，首先要定义一个border-style: solid;属性，这是声明边框样式的，然后才可以添加边框属性。

如果想在CSS里把div里的字体设置为垂直居中，好像找不到这个属性，没关系，可以用别的方法来实现这个效果。在div里，style="line-height:hei;height:hei;"就可以了。

这里，line-height是指文本行之间的间距，height是指一行文本的高度，参数hei是div的高度，这样div里的内容就会显示居中。

在div里显示文本内容，经常会遇到这样的情况，内容太多，把div撑大了，如果能隐藏超出的文本内容就好了；在style里设置可以解决这个问题。

overflow-x:hidden;overflow-y:hidden;这样超出的文本内容就会被自动隐藏起来。

overflow有四个参数：visible,scroll,hidden,auto。这四个参数的意思一看就明白。

主要设置如下：

overflow（溢出控制）：
       visible（默认，可见）、auto（自动）、scroll（显示滚动条）；

width（宽度）：数值；

height（高度）：数值；

color（字体颜色）：色彩代码；

font-size（字体大小）：数值；

line-height（行高）：数值；

border（边框）：宽度、类型和颜色，类型主要支持以下几种：      none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；

font-weight（字体粗细）：normal、bold、bolder、lighter；

font-family（字体类型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆；

background（背景颜色）：色彩代码；

scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color（滚动条各部分的颜色）：色彩代码；

filter:chroma(COLOR=转换成透明的颜色)（chroma过滤器）：色彩代码，该颜色将转换成透明效果；

word-break（断字）：normal（默认，正常断字）、keep-all（严格不断字）、break-all（严格断字）；

direction（文字方向）：ltr（默认，从左向右）、rtl（从右向左）。

一个简单的DIV表格：

<div style="
position:relative;
Z-INDEX:1; --------------指重块的层叠次序
width:60%; --------------指整个块的宽度
height:30px; --------------指整个块的高度
text-align: left;
vertical-align: middle;
padding: 9px 10px 0px 10px;
font-size: 12px; float: left;
border-right: 1px #DDDDDD solid; ------------边框
border-top: 1px #DDDDDD solid;
border-bottom:1px #DDDDDD solid;
border-left:1px #DDDDDD solid;"> 论坛版块</div>