這幾天ASP.NET開荒實在被虐到不行......果然越級打怪是母湯的，想想還是回來練基礎功吧_(:3」∠)_

今天回來打開幾天不見的VSCode，看來看去總覺得分隔各個區域的邊框不太協調。原本的邊框就是單純用Bootstrap的border和rounded套版，跟羊皮紙底紋感覺不太搭，最後就決定來用border-image做客製化Border。

這邊教學主要看的是w3school，發現border-image可以做的設定還滿多。教學瀏覽過後大致有了想法，花了一些時間找到滿意的圖然後PS成自己需要的樣子後，第一次來嘗試CSS3出了很久但從沒用過的border-image。

最後成果如下：

程式碼部分：

border: 20px solid transparent;
-webkit-border-image: url(../../../assets/689426.png) 200 round;
/* Safari 3.1-5 */
-o-border-image: url(../../../assets/689426.png) 200 round;
/* Opera 11-12.1 */
border-image: url(../../../assets/689426.png) 200 round;

coding的部分其實花不多時間，大部分都是在調margin、padding與粗細等設定，一不小心就沉迷調版面.....最後自己覺得不錯，其他不論至少自我感覺良好(咦?)

鐵人賽也開始倒數了，剩下時間就來完善一下複數角色卡功能好了......

快取有什麼不好，就算沒有資料庫沒有登入功能，快取還是可以做出很多東西來的！(握拳)

= = = = =

你今天的努力，
是否有跟未來的夢想
同一個等級？