目前分類：CSS (10)

瀏覽方式： 標題列表 簡短摘要

橫向合併: <td colspan="要橫跨的列數">

<table border="1" cellpadding="5">
    <tr>

(繼續閱讀...)

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

據官方文件說明如下:


(繼續閱讀...)
文章標籤
Bootstrap

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

上一篇說到使用 display:table 讓div達城等高，但使用之後無法用margin來調整div之間的間隙。
如需要調整間隙，需要在display:table-cell的父層，也就是display:table這層加上 border-collapse 跟 border-spacing 。

(繼續閱讀...)

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

一、用flex :

css:

(繼續閱讀...)
文章標籤
Bootstrap

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

利用CSS transform屬性中的 translateY 來改變垂直位移

再利用position:relative 設定 top屬性，配合使物件可以垂直置中

(繼續閱讀...)

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

製作網站: http://bennettfeely.com/clippy/ 

注意事項:

(繼續閱讀...)

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

一般瀏覽器在列印時會使用「經濟模式」，即不會印出背景圖片或顏色，需要在css中宣告才行。

(繼續閱讀...)

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

<style>
.triangle {

(繼續閱讀...)

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

用CSS達成非滾動式表格。使用偽元素:before :after 取出<td>中的屬性質來達成。

<table>

(繼續閱讀...)
文章標籤
<table> RWD

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top

在要置中的 div class 下 css

.center{

(繼續閱讀...)
文章標籤
Bootstrap RWD

swordheart313 發表在 痞客邦 留言(0) 人氣()

  • 個人分類：CSS
▲top