border 简写属性在一个声明设置所有的边框属性。
可以按顺序设置如下属性：
border-width
border-style
border-color
如果不设置其中的某个值，也不会出问题，比如 border:solid #ff0000; 也是允许的。
值 | 描述 |
border-width | 规定边框的宽度。 |
border-style | 规定边框的样式。例如，solid、dashed、dotted、none。 |
border-color | 规定边框的颜色。 |
width:200px; height:200px; border:1px dashed red;
width:200px; height:200px; border-right:1px dashed red; border-left:1px dashed red; border-top:1px solid red; border-bottom:1px dotted red;
background-color:#0000FF;
background-image:url("../image/clear.png");
background-repeat:repeat;/*默认值*/
background-repeat:repeat-x;
background-repeat:repeat-y;
background-repeat:no-repeat;
background-position:50px 100px;
background-repeat:no-repeat; background-size:cover;
body{ background-image:url("../image/clear.png"); background-repeat:no-repeat; background-attachment:fixed;}
<table border=“1”> <caption>2004~2007年度收入</caption> <tr><th>2004</th><th>2005</th><th>2006</th><th>2007</th></tr> <tr><td>1234</td><td>2345</td><td>3456</td><td>4567</td></tr></table>
table{ caption-side:bottom;}
table{ border:1px solid red;}
th,td{ border:1px solid red;}
th,td{ border:1px solid red;}table{ border-collapse:collapse;}
th scope="col"th scope="row"
示例代码：
<table summary="This table shows the yearly income for years 2004 through 2007" border="1"> <caption>年度收入 2004 - 2007</caption> <tr> <th></th> <th scope="col">2004</th> <th scope="col">2005</th> <th scope="col">2006</th> <th scope="col">2007</th> </tr> <tr> <th scope="row">拨款</th> <td>11,980</td> <td>12,650</td> <td>9,700</td> <td>10,600</td> </tr> <tr> <th scope="row">捐款</th> <td>4,780</td> <td>4,989</td> <td>6,700</td> <td>6,590</td> </tr> <tr> <th scope="row">投资</th> <td>8,000</td> <td>8,100</td> <td>8,760</td> <td>8,490</td> </tr> <tr> <th scope="row">募捐</th> <td>3,200</td> <td>3,120</td> <td>3,700</td> <td>4,210</td> </tr> <tr> <th scope="row">销售</th> <td>28,400</td> <td>27,100</td> <td>27,950</td> <td>29,050</td> </tr> <tr> <th scope="row">杂费</th> <td>2,100</td> <td>1,900</td> <td>1,300</td> <td>1,760</td> </tr> <tr> <th scope="row">总计</th> <td>58,460</td> <td>57,859</td> <td>58,110</td> <td>60,700</td> </tr></table>
a{ text-decoration:none;}
a:link{ color:red;/*未访问时的颜色*/} a:visited{ color:green;/*已经访问过的颜色*/} a:hover{ color:blue;/*鼠标悬停的颜色*/ cursor:pointer;} a:active{ color:orange;/*鼠标点击时的颜色*/}
所有主流浏览器都支持 overflow 属性。overflow 属性规定当内容溢出元素框时发生的事情。
值 | 描述 |
visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
hidden | 内容会被修剪，并且其余内容是不可见的。 |
scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
FireFox浏览器的插件Firebug
