css記憶
<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">
相關文章
- CSS概念、選擇器無敵記憶大法CSS
- Redis記憶體——記憶體消耗(記憶體都去哪了?)Redis記憶體
- 記憶體_大頁記憶體記憶體
- 記憶體管理 記憶體管理概述記憶體
- 【記憶體管理】記憶體佈局記憶體
- CVE-2010-3971 CSS記憶體破壞漏洞分析CSS記憶體
- 遊戲記憶體對比普通記憶體區別 遊戲記憶體和普通記憶體相差大嗎?遊戲記憶體
- Go:記憶體管理與記憶體清理Go記憶體
- Java的記憶體 -JVM 記憶體管理Java記憶體JVM
- 聊聊 記憶體模型與記憶體序記憶體模型
- 自動共享記憶體管理 自動記憶體管理 手工記憶體管理記憶體
- JS中的棧記憶體、堆記憶體JS記憶體
- Java記憶體區域和記憶體模型Java記憶體模型
- 記憶體溢位和記憶體洩露記憶體溢位記憶體洩露
- 直接記憶體和堆記憶體誰快記憶體
- 記憶體分析與記憶體洩漏定位記憶體
- 記憶體洩漏和記憶體溢位記憶體溢位
- JVM 記憶體模型 記憶體分配,JVM鎖JVM記憶體模型
- 實體記憶體和虛擬記憶體記憶體
- Linux 記憶體管理:記憶體對映Linux記憶體
- CSS筆記CSS筆記
- mongo記憶體筆記Go記憶體筆記
- 【記憶體洩漏和記憶體溢位】JavaScript之深入淺出理解記憶體洩漏和記憶體溢位記憶體溢位JavaScript
- linux記憶體管理(一)實體記憶體的組織和記憶體分配Linux記憶體
- 什麼是Java記憶體模型(JMM)中的主記憶體和本地記憶體?Java記憶體模型
- 關於redis記憶體分析,記憶體優化Redis記憶體優化
- 記憶體管理篇——實體記憶體的管理記憶體
- JVM——記憶體洩漏與記憶體溢位JVM記憶體溢位
- [轉載] Java直接記憶體與堆記憶體Java記憶體
- 記憶體管理記憶體
- 【AIX】記憶體AI記憶體
- 共享記憶體記憶體
- JVM記憶體JVM記憶體
- 記憶體_SGA記憶體
- 直接記憶體記憶體
- 記憶體模型記憶體模型
- JavaScript之記憶體溢位和記憶體洩漏JavaScript記憶體溢位
- 記憶體的分配與釋放,記憶體洩漏記憶體