边框 CSS 的设置

  

框边框的属性(默认没有样式）

      border-top            设置上边框的属性

      border-bottom      设置下边框的属性

      border-right          设置右边框的属性

      border-left            设置左边框的属性

      border-width         可选值（thin,medium,thick或指定长度）

      border-style          同上

      border-color          设置边框颜色

 

border

      功能：简写属性，设置所有边框的属性

      数值：

            border-width --->可选值(thin,medium,thick或指定长度)

            border-style --->可选值(none,dotted,dashed,solid,double,groove,ridge,inset,outset)

            border-color --->可用颜色名或RGB值

      说明：与其它简写属性不同的是，每个设置只能取一个值，这个属性均匀作用于边框的各边

border-width

      功能：简写属性，可同时设置四个边框的宽度

      数值：

            thin            细边框

            medium      中等线宽

            thick           粗线

            长度            用相对或绝对单位设置边框宽度

border-style

      功能：用于显示边框和指定边框的样式

      数值：    

            none---不显示边框，为默认值

            dotted---点线

            dashed--?线

            solid---实线

            double---双线

            groove---3D陷入线

            ridge---3D山脊？线

            inserst---使页面有沉入感

            outset---使页面有浮出感

说明：ridge,inset,outset对于有些浏览器会将它们绘制成实线

border-color

      功能：简写属性，设置四个边框的颜色值

      数值：可以用颜色名或RGB值，如果指定单个颜色，则四个边框都显示为这个颜色，如果指定两个颜色，则顺序为上下，左右；如果指定三种颜色，则顺序为上，左右，下；如果指定四种颜色，则顺序为上，右下，左。

      颜色名有如下一些：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

      对于RGB值，可用三种方法指定

            #rrggbb; rgb(r,g,b); rgb(r%,g%,b%)