如何讓<div>高度自動調整到背景圖片大小？ 另一種可能效率低下的解決方案是將圖像包含在<img/>元素集下visibility: hidden;，然後<div>使background-image。 這會將<div>設置為<img/>元素中圖像的大小，但將其顯示使用的是背景。...
CSS3 :target 選擇器做出onClick效果純CSS的lightbox
CSS3 :target 選擇器 定義和用法 URL 後面帶有錨名稱#(錨點)，指向文檔內某個具體的元素。這個被鏈接的元素就是目標元素(target element)。 :target 選擇器可用於選取當前活動的目標元素。 :target CSS 代表一個唯一的元素（目標元件用）id匹配的URL的片段。 / *選擇一個ID與當前URL片段匹配的元素* / ：target { border ： 2px solid black ; } 例如，下面的URL有一個片段（用＃符號表示）指向一個名為section2：...
CSS3 print 列印紙張大小分頁邊框大小方法
CSS3列印解決許多問題，如@media print可對列印頁面做不同的CSS顯示，設定邊框與頁輸出列印的紙張大小調用，都可以很客製化的去製作所需要的呈現的列印頁面，並且想讓某段落分到下一個頁面，也可用pag-break-after:always;強制分頁。 以下簡單的範例展示這些CSS3很棒的功能。 @page { margin: 1cm; /*print邊界*/ size:210mm 148mm; /*列印紙張大小*/ } .print{ page-break-after:always; /*print分頁面*/ }...