css記憶

企業獵人發表於2016-03-09

<div role="checkbox" aria-checked="checked"></div>

輔助工具就會知道,這個div實際上是個checkbox的角色,為選中狀態

2.相容所有瀏覽器的背景拉伸

<style>
    background-image:url(***.jpg);

    -moz-background-size: 100% 100%;

    -o-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    -moz-border-image: url(scale.jpg) 0;

    <!--[if lt IE 9]>

    background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/second.jpg', sizingMethod='scale');

    <![endif]--> }
</style>

3.表格設定

對於很多初學HTML的人來說,表格<table>是最常用的標籤了,但對於表格邊框的控制,很多初學者卻不甚其解。

一般我們用表格的時候總會給它個border屬性,比如:<table border="1">,其效果如下:

可以發現表格的邊框好像很寬,當然這裡的“很寬”絕對不是表格border的寬,大家看到的寬應該是<td>之間有間隙所致。因此只需要修改表格的cellspacing屬性即可,即:<table border="1px" cellspacing="0px">,效果如下:

但是,好像寬度還是沒有我們想象的那樣:只有一個畫素的寬,其實,上圖大家看到的其實是兩個畫素的寬,為什麼呢,這是因為<td>之間的邊框沒有重合所致。修改表格的border-collapse屬性即可,

即<table border="1px" cellspacing="0px" style="border-collapse:collapse">

再給表格加個顏色,<table border="1px" bordercolor="#000000" cellspacing="0px" style="border-collapse:collapse">


相關文章