CSS語法代碼

客製化網頁設計如何用 CSS 做出 SVG 的邊框魔法

客製化網頁設計如何用 CSS 做出 SVG 的邊框魔法

網頁設計做出令人驚嘆的 CSS 邊框效果的程式碼片段

網頁設計做出令人驚嘆的 CSS 邊框效果的程式碼片段

所有文章

網頁設計裡面垂直置中最簡單的方法

網頁設計裡面垂直置中最簡單的方法

網頁設計裡面垂直置中最簡單的方法,最簡單的網頁設計語法,將DIV裡面的文字圖片垂直置中,就在這個DIV的CSS裡面加入這段語法。

  1. align-content: center;   
  2. flex-wrap: wrap;   
  3. display: flex;  
用CSS的cursor 語法,變更滑鼠游標的形狀

用CSS的cursor 語法,變更滑鼠游標的形狀

在網頁裡面,我們可能需要改變CSS裡面的寫法是

 

  1. .cursor{   
  2.     cursor: help;   
  3. }  

 

.myMOUSE{ cursor: auto; }
.myMOUSE{ cursor: crosshair; }
.myMOUSE{ cursor: default; }
.myMOUSE{ cursor: e-resize; }
.myMOUSE{ cursor: help; }
.myMOUSE{ cursor: move; }
.myMOUSE{ cursor: n-resize; }
.myMOUSE{ cursor: ne-resize; }
.myMOUSE{ cursor: nw-resize; }
.myMOUSE{ cursor: pointer; }
.myMOUSE{ cursor: progress; }
.myMOUSE{ cursor: s-resize; }
.myMOUSE{ cursor: text; }
.myMOUSE{ cursor: w-resize; }
.myMOUSE{ cursor: wait; }
.myMOUSE{ cursor: inherit; }
css div置中方法

css div置中方法

CSS3 彈性盒子,又稱flexbox,是為了適應不同螢幕尺寸和顯示設備而生的佈局模式。針對許多應用而言,不用 floats 的彈性盒子模型會比塊狀模型(block model)易用,彈性容器的邊緣也不會與內容的邊緣重疊。

  1. display: flex;   
  2. align-items: center;   
  3. justify-content: center;  

css文字左右對齊,以及行距的設定分享

Ajen在問中文文字的左右對齊,像Micro word裡面的編輯,可以達到左右兩側對齊,所以就寫這一篇CSS語法的說明,看在CSS樣式裡面怎麼設定的達到這樣的效果!

 

  1. text-align: justify;   
  2. text-justify:inter-ideograph;  
CSS語法教學-刪除超連結的虛線外框

CSS語法教學-刪除超連結的虛線外框

 

 CSS語法教學-刪除超連結的虛線外框,方便吧,超實用的!

好用的css語法技巧

這篇也不是什麼秘密,只是個人的喜好而已。