[部落格教學]如何在痞客邦放入圓角邊框？可用於製作索引（目錄）、重點文字框！

不知道大家在瀏覽別人的網誌時會不會發現這種目錄呢？這不僅可以更快幫忙引導至重要的內容，更可以讓整個文章的內容更加乾淨。我真的是花了很多的時間才研究出來的，希望可以幫助疑惑很久的人找到答案！

這邊先說明一下如何更改數值，一定要看，這樣才能達到自己想要的效果喔！

語法

 圓角邊框（有背景）

 圓角邊框（有背景）

<meta charset=”utf-8″><br /> <title></title><br /> <style type=”text/css”>#rcorners1 {<br /> border-radius: 25px;<br /> background: #8AC007;<br /> padding: 20px;<br /> width: 200px;<br /> height: 150px;<br /> }<br /> </style><br /> <p> </p><br /> <p id=”rcorners1″>輸入文字</p><br />

圓角邊框（無背景）

🔸 圓角邊框（無背景）

<!–{cke_protected}%3Cmeta%20charset%3D%22utf-8%22%3E–><br /> <cke:title></cke:title><br /> <cke:encoded>%3Cstyle%20type%3D%22text%2Fcss%22%3E%23rcorners2%20%7B%0A%20%20%20%20border-radius%3A%2025px%3B%0A%20%20%20%20border%3A%202px%20solid%20%238AC007%3B%0A%20%20%20%20padding%3A%2020px%3B%20%0A%20%20%20%20width%3A%20200px%3B%0A%20%20%20%20height%3A%20150px%3B%20%20%20%20%0A%7D%0A%3C%2Fstyle%3E</cke:encoded><br /> <p> </p><br /> <p id=”rcorners2″>輸入文字</p><br />

教學

以下教大家如何放進文章中！建議開一篇新文章測試，沒問題再放進欲放的文章喔！

圖文版教學

影片版教學

另外需要注意的一點，手機版是不會顯示這個效果的喔！

資訊來自 👉 RUNOOB.COM