再來，橙來說明最喜歡用的指令了，就是邊框圓角的指令了，在以前，圓角的製作方式，須要利用小畫家等繪圖軟體來設定，然後當作該區塊的背景，才能有圓角的效果，如今，新版的css3來說，就不須要這樣麻煩了，僅須在css裡設定，即可以表現圓角的效果。
因為這個為css3的設計，設計時還是要考量瀏灠器版本的問題喔！以下是支援的表格
- 6月 06 週四 201309:29
如何設計漂亮邊框(04)-邊框圓角設定-[border-radius]
再來，橙來說明最喜歡用的指令了，就是邊框圓角的指令了，在以前，圓角的製作方式，須要利用小畫家等繪圖軟體來設定，然後當作該區塊的背景，才能有圓角的效果，如今，新版的css3來說，就不須要這樣麻煩了，僅須在css裡設定，即可以表現圓角的效果。
因為這個為css3的設計，設計時還是要考量瀏灠器版本的問題喔！以下是支援的表格
之前，橙都是以全部的邊框來設定，當然，有時候，我們不需要四個邊都需要設定，只須要一個邊來表示時，此時，我們可以指定我們要的方向來設定，無須四個邊都要設定。
而設定的方式，僅須要以 top、bottom、left、right 來分別，再加上屬性即可，而我們先設定基本要改的html 吧！
<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚和橙的結合</title>
</head>
<body>
<p id="bord1">border1</p>
<p id="bord2">border2</p>
<p id="bord3">border3</p>
<p id="bord4">border4</p>
</body>
</html>
- 11月 23 週五 201209:23
如何設計漂亮邊框(02)-邊框顏色及粗細-[border-width][border-color]
由前篇介紹了邊框的樣式，我們再來說明前篇未說明的部份，就是邊框的粗細及顏色，他們的屬性分別為 border-width 及 border-color ，而我們就依上篇例子，再來做點修正吧！
由前篇的html 橙子改一下，再來說明！
<!doctype html>
<html>
<head>
<metacharset="utf-8">
<title>魚和橙的結合</title>
</head>
<body>
<p id="bord1">border1</p>
<p id="bord2">border2</p>
<p id="bord3">border3</p>
<p id="bord4">border4</p>
</body>
</html>
- 11月 23 週五 201209:23
如何設計漂亮邊框(01)-各類邊框樣式-[border-style]
今天來說一下邊框，而邊框在網頁的使用其實用量還不少，主要由於在css使用後，每個標籤的設定就像容器一般，而在容器中，就可以設定每個容器的邊框樣式，以下來介紹幾種常用的邊框樣式。
邊框樣式，有實線、點、虛線、雙線等等的邊框樣式可以選擇，以下的設定中，有些在部落格還沒有說明到，容橙子在後面在一一說到，橙將一系列介紹邊框的各種用法，讓大家有基本上的了解。
我們先來寫一段html 吧！
1