表格边框的css语法

我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合css才能达到一些特定效果，下面我们先把有关表格边框的css语法整理出来，然后另外介绍怎样用css美化表格的边框。
8 D# w9 T8 F( \( [, N
" O+ L, A) @/ m* Q0 L　　有关表格边框的css语法
" @3 u9 Y& i7 o
; s2 K9 o4 s0 C% u$ O' M　　具体内容包括：上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。  
; s9 t& m, n9 j- L1 ^. P" W) y) \$ j  T! r1 z& h3 L
　　 1.上边框宽度
% S6 I- P' q; ~* B- C4 ?　　语法: border-top-width: 值  0 n0 j7 t1 x( W+ K
% F( P+ p  U$ W* G
　　允许值: thin | medium | thick | 长度  , p- S% S8 H6 Y( T( _. r8 z; s7 B
( E, Q8 P& P# M7 m# a6 u, ~) `+ u1 w
　　初始值: medium  
6 b' W! D( C& t9 W4 F6 P* }+ [7 t4 g7 p' ^2 l# b
　　适用于: 所有对象  
' w& N* k2 U' k  j6 o3 G; a% V2 \8 ~) V. t. f
　　向下兼容: 否  
, @* I; F% s$ g5 c# g6 o0 Q+ {" }' z$ j: u* j- I
　　上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。  $ F( O' U; n# u2 M9 d5 t

0 t: p% B4 j* U9 o0 j8 `. j  |　　2.右边框宽度, @$ D; u0 E. k# W, p, L9 o) u

4 U+ _9 |- A( Q, G0 a4 H　　语法: border-right-width: 值  
& @4 R; Y. K& w9 |/ A# V. P1 X1 g. b7 s5 V$ s+ k0 y3 t
　　允许值: thin | medium | thick | 长度  
/ e( F/ K: C; H7 l# [7 D% B9 t1 _, K( S4 A' e
　　初始值: medium  2 t0 _7 x7 c$ Y7 J5 \: E. D6 i6 Y

- h: J" p. \7 ]. c! e　　适用于: 所有对象  7 n% U6 G7 X0 q6 C

% n1 i! F) e# _" g! L, D0 Y  [" X　　向下兼容: 否  + T4 R9 c% W' [' ^+ |

. L+ g5 [5 }( M- B2 ]　　右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。  ( g$ [# h, @" e* q% H! b" V
8 M! b% q8 N  l+ W/ F
　　 3.下边框宽度
2 F4 L0 e. {6 F5 E. P
/ D# l  R" `5 V* \5 Y( i, R& D& w  j& Q　　语法: border-bottom-width: 值  , u- Q; r, w$ Q! D4 P( V" X0 ]

+ N% M( p9 \3 ]7 O* m6 T　　允许值: thin | medium | thick | 长度  " c- }5 f: a! F

3 U- U4 W3 E% _) P9 b7 P9 U　　初始值: medium  3 ]( ^/ H. H. h
4 @$ H  C/ q0 r
　　适用于: 所有对象  
6 H4 R2 X' B, \+ f0 J6 }6 s/ W. O
　　向下兼容: 否  2 T2 k3 d+ k7 ~# p& `- [

$ C2 e, \1 e! W( G6 t　　下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。  
% c/ B, c7 i9 G1 j' j6 A
/ M; l* Z2 X( t) ~　　 4.左边框宽度
+ ]6 h0 W( q$ Y9 t! r! L# a$ C3 f+ v7 k$ [2 @
　　语法: border-left-width: 值  % D; N3 D! A2 r1 ~! I+ {

  Y: D5 A; a% Y  W/ t  Y　　允许值: thin | medium | thick | 长度  - ]" o; n* R3 [' v

7 g- I4 t* J6 z5 W) r　　初始值: medium  + w3 g5 |! F- \0 P. m" J! |
  D2 p: q8 s0 r, P3 y
　　适用于: 所有对象  ! |/ d* ~) n. ^/ G; ]
: X0 r! [1 \7 D/ Y8 P0 B
　　向下兼容: 否  9 E, ?" H4 O) @
! c9 \$ @4 y" @- \& `7 o; w0 P
　　左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个，都不受字体大小或长度的影响，可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。  
- B# J- I$ Q2 i  n6 Y" J0 J! y; ~& v- y* ^; o! x: S9 K. K
　　5.边框宽度' M. v0 C* `; h9 c# [8 K# M3 ^
# S, A6 w0 W4 F" T3 M
　　语法: border-width: 值  & s8 h& E7 _) L' {- g' B

$ M' B6 R# R4 _　　允许值: [ thin | medium | thick | 长度 ]{1,4}  - o- u3 ?: R1 W, k5 {+ _2 C9 l! s# D3 U
8 q8 C# [2 f4 G5 T* w7 C
　　初始值: 未定义  
5 Y  S! {* C! V) I  J4 x# }8 z
　　适用于: 所有对象  
/ N% [- V; S; y5 h
& j8 v* x: I0 |8 t　　向下兼容: 否  * r' _1 H/ f$ Z2 f) X
+ i( W4 b- h: ^9 A
　　边框宽度属性用一到四个值来设置元素的边界，值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。 这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。  " n8 u5 T' B2 }, c0 i

6 t5 w6 O. @! p; J+ V% H　　6.边框颜色
& b7 v+ x- F+ x/ x1 w4 h; \
# ?3 G; {9 ~& A/ ]$ o　　语法: border-color: 值  6 e. D. u. E( x  o4 s- V2 i$ e' G  q6 `6 t
6 ~9 @7 P2 i, k5 V, W8 b/ a3 J  r
　　允许值: 颜色{1,4}  
4 |1 A8 Y: M4 b# E1 e" t- J3 D/ g' A+ p1 D- s* F
　　初始值: 颜色属性的值  7 u% u: F9 M# N4 x# J8 {) f7 f
# x, f" R; Q/ W1 k, J! q
　　适用于: 所有对象  
  h& g9 m& U9 l, E4 v0 m' J* Q# m( r4 F  U+ d4 G8 Y  n
　　向下兼容: 否  
% c  Q' c" C+ o& ^* n
3 q+ U7 b3 E$ E; |3 w' f& z2 D　　边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。  
4 X& I: j/ ~6 V9 n6 g& I- _! y- ^2 V, Q) k# I) `
　　7.边框样式
( W1 X; {- g" f% y+ N  Z' r; f. u* o
　　语法: border-style: 值  6 Q8 C4 ]* @) u- P

2 B% O5 }9 T9 F7 x$ f　　允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}  / T9 z) A- @% O0 e; [
9 w" |( W" Q* W1 P* B
　　初始值: none  + ]7 \, g; m" C
! ~( q4 r. J4 |$ L+ |( T& V
　　适用于: 所有对象  $ C6 I. c; R) T; f
% \; u7 @) D: P' p
　　向下兼容: 否  
' w7 _& q/ W. w! |* J$ x& l' m) i% _: J, N. K
　　边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。也可以使用略写的边框属性。
) p) K3 c' s$ T! f8 ^$ u5 V" q/ }" z- f
　　none：无样式；
: O6 P/ |2 K. `4 G! t6 t* @( D4 g: \　　dotted：点线；) E' X& m$ O$ z) U5 D9 z, C
　　dashed：虚线；3 d" j, G  a! P' a; ~! g5 E& _( A
　　solid：实线；9 J0 V4 \0 v4 |; T8 g- e) z) l
　　double：双线；, ]' t) K% m! Y, Q9 I
　　groove：槽线；. o) g, A. ?  j0 X
　　ridge：脊线；+ d6 P7 z$ K4 _$ p4 w5 {% z
　　inset：内凹；
8 S: }, Y* P* b$ Y# J　　outset：外凸。  + R3 P7 d  q1 r) V5 F

/ l$ b/ Q% J0 n& l, w8.上边框
! v% g, V2 G, M/ X& J* e+ t6 r+ t
　　语法: border-top: 值   
' n. r- r& ~# K  N& ^' x8 R- [; E  [, N6 l! M5 o
  8 w- k6 Q' H) r- H# }
6 ]9 |% U; G! p5 ]3 l2 J9 P* ~
　　允许值: 上边框宽度 || 边框式样 || 颜色  
- r5 Q* q0 w; t( g% ~7 X8 T1 g4 q+ J6 k9 w& d
　　初始值: 未定义  
4 s2 t1 x: O0 M% o$ U
3 N9 o" W/ e1 ]/ @6 w2 i　　适用于: 所有对象  3 B8 P4 V: v- N( L  l

  H" B$ n2 A: F! X( O# a7 @　　向下兼容: 否  
/ o/ `5 F4 b0 }4 `9 m# X# u$ ^. M2 q7 H, ^) a9 \
　　上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。  
- S" _0 J& V" Z8 D% S9 C# ~0 Q8 d" Q5 @8 U
　　9.右边框- d4 w7 @2 E: Y: {+ L- y

, h% {: n6 L8 v* u- i. w$ U8 v　　语法: border-right: 值  5 y! j2 B/ m" f' k$ P4 E

. V2 _; x: u9 K% ^7 F2 l) e4 O4 @  o　　允许值: 右边框宽度 || 边框式样 || 颜色  
* B+ k; Y( y: n- Z* l
/ Q2 Z% |$ {8 {+ w' j3 u- s$ y0 q　　初始值: 未定义  
& M7 J/ x6 i  t/ N# }1 e
3 C' l0 y; v' L& D; H　　适用于: 所有对象  
* {1 W% N' I" A# |0 W! ?3 r. c/ ^7 g9 P( b
　　向下兼容: 否  " G* |: D. G+ U  E% N

- I' J& s! y# `1 T7 r　　右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。　　  3 |* p% W9 o5 P, L6 g
" p8 ~" d- M* Y, L) Q6 c
　　10.下边框* l% G1 }' e6 ]6 \! o
+ W( X" ^2 U# b" A
　　语法: border-bottom: 值  5 s7 g( ^3 K7 o$ }7 m9 v% h# A) S

  G* j* ]. }  X  m　　允许值: 下边框宽度 || 边框式样 || 颜色  
, r/ S. F& ^4 Y& D" D* j0 A" b$ t& h, [, y5 R: L3 @! i8 ]1 J
　　初始值: 未定义  - R; }/ D, a, V

& J: Z6 Q1 _- j3 V" S　　适用于: 所有对象  
0 j) U9 a" Z' C9 @9 Z" M
8 m0 t- a5 D( ]4 Z- U4 N　　向下兼容: 否  
: R, f- n) q% v$ l
/ c/ [; @1 x' r　　下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。  
3 b: N9 Q; y- i+ X
# e% u! E7 e" ?* {) K0 q3 P* u; g4 P　　11.左边框
) X# V! c4 r* k! m! s# H0 w% Z$ ]- l- K7 J# q
　　语法: border-left: 值  
' n% k! ]+ O! t1 s7 a& [+ X& Y& J, g1 `5 p$ {* L" t. R1 P
　　允许值: 左边框宽度 || 边框式样 || 颜色  : y! w# V& b" {
9 t( F5 ^, K+ O% u8 d/ q
　　初始值: 未定义  
! O5 P2 t# b0 e- I/ J, E  ^5 K7 M9 O8 p
　　适用于: 所有对象  
6 k! G# B' M# d2 o  s) @$ k: q9 T& [
　　向下兼容: 否  
$ e+ I% `$ G; Q0 ]* q2 {% W3 B8 k- w/ \5 T% i1 O8 g
　　左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。  
( ^: b& w% E5 p% ?5 O- q5 _
2 E6 N6 I3 r  Y　　12.边框
* }- F, v* f0 k# B" N% N9 K4 d% Y8 R/ e7 T9 O7 ]9 v
　　语法: border: 值  3 H! P3 @2 D- `
- k7 m5 h3 z6 N: s% D
　　允许值: 边框宽度 || 边框式样 || 颜色  2 B# b' C5 e" Q; |, z2 N

. Q; |/ O5 R7 A* Q) Q9 Y　　初始值: 未定义  / X! n7 }( Q6 U# @4 i

% W. K- n  d- v0 O) O' y　　适用于: 所有对象  ( n  i- t/ s* p  w! `7 l, G

( ~2 U! Y9 z3 h' b- |' c, e+ I2 h　　向下兼容: 否  
# X' z) @* z9 z: W* ]  `5 C. S8 P  d! {
　　边框属性是一个用于设置一个元素边框的宽度、式样和颜色的略写。  % {+ {! F8 a5 h! k

6 x& s2 A! z- U: v" s1 x. a　　边框声明的例子包括：  
  @; k" n  K4 @# n. s( P
& z, `3 i/ n% Y  q: c& M　　H2 { border: groove 3em }+ z; N. i" q+ E' G4 x
　　A:link { border: solid blue }
! |, w- L8 {! a7 b* w# v& f　　A:visited { border: thin dotted #800080 }; P" j$ C* P) p# U8 Q6 d2 `8 ]0 a
　　A:active { border: thick double red }1 s; V8 @/ }1 a. F' Q" ?5 z, D5 K

  g  ?+ J- N' D　　边框属性只能设置四种边框；只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值，网页制作者必须用一个或更多的属性，如：上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。   
, ?0 `/ ]- O, h2 y7 M8 l* E8 o2 {  N" N$ n  J0 l* n: P/ c: w0 `5 v
　　13.宽度. e/ a3 T% v! p, d
- R! y, B% ?# o# W7 W# G7 y4 k
　　语法: width: 值  
! _9 [8 J% T6 Q2 I$ X# i8 |5 N$ o! s$ a. W+ R8 H; G/ w
　　允许值: 长度 | 百分比 | auto  1 u- l& e- x, }7 T! H# U! w
7 k- y6 o+ R0 W0 A$ A- _
　　初始值: auto  
& h4 {. W6 L& r/ x. o4 k7 a2 P
0 G9 z4 g4 a: |　　适用于: 块级和替换元素  
, \: D* w/ e1 X5 W& [$ J) t# w. q* Y0 ]3 X/ b. u7 a* b: [, t
　　向下兼容: 否  
3 ^( p0 P, l' G8 r+ V) ]* m/ T( l/ S# e, K2 O' n( C5 s% V1 e1 m( [& E
　　宽度属性的初始值为“auto”，即为该元素的原有宽度(有就是元素自己的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。  
* q* H) S1 F6 l" K& A; o' S4 p/ r
, w/ \' F8 j4 |　　14.高度- g/ q3 O& O3 b8 }) E9 ~

8 X& v( M5 Q3 a& _. Y2 o+ }; {　　语法: height: 值  
6 H' m0 g' r2 @$ n+ i0 L* A' R2 J4 U( K$ \- H! z
　　允许值: 长度 | auto  
/ O& l$ G& @* M) o& c( c
% c' T8 d" j8 W　　初始值: auto  
4 `( ?1 w5 t1 K: W( }
9 f4 i3 I4 N+ ?* V$ C, `. t　　适用于: 块级和替换元素  
! A/ x% k  v9 l% f" T, L
8 L: [; A9 k8 l. M- E# m　　向下兼容: 否  5 x8 u$ a, `$ s6 I" O9 m7 h5 U

9 [8 g+ @; f- Q1 t2 {# M* s　　高度属性的初始值为“auto”，即为该元素的原有高度(有就是元素自己的高度，)。百分比参考上级元素的宽度。不允许使用负的长度值。  
6 d+ A7 X( j) O# f, h" W$ \! V* k# y) x9 Z- _; X
　　15.有关标签
1 S7 C; B: U+ s: d! |5 m2 P
5 G! y1 {4 O. c& q# @' B. C　　table：表格标签，对整个表格样式的定义要放在table中；; L3 A  j% T! N4 r. k* h/ W% m
　　td：单元格标签，对单元格样式的定义要放在td中。