div写的简单的表格.docVIP

div写的简单的表格 篇一：div属性说明(DIV做表格) div属性说明(DIV做表格).txt生活，是用来经营的，而不是用来计较的。感情，是用来维系的，而不是用来考验的。爱人，是用来疼爱的，而不是用来伤害的。金钱，是用来享受的，而不是用来衡量的。谎言，是用来击破的，而不是用来装饰的。信任，是用来沉淀的，而不是用来挑战的。div属性说明（DIV做表格） 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表格： lt;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