css的圖檔可在邊框上做些變化使網頁更多元，今天來介紹下圓角屬性，是個設定邊框的好幫手！
另外也有更酷炫的陰影效果、奇特美編等等的迷之操作，我們拭目以待？？？！！！
溫故：
img程式碼：
<img class="類別名稱"
src="電腦內的路徑"
alt="若圖片沒顯示的文字">
border-radius 是圓角屬性，可以讓照片的邊框變成橢圓甚至圓型！
圓角屬性程式碼：
border-radius:25%
網頁呈現：
另外，顯示方式也可以為
border-radius: 25% 0 25% 0;
四個數值對應的方向為:左上 右上 右下 左下
網頁呈現：
此外，圓形程式碼：
border-radius: 99em
網頁呈現：
因為圖片太長了，所以中間多了長長的一段（笑），如果圖片夠小的話，會有完美的圓呦！
參考資料：
https://ithelp.ithome.com.tw/articles/10272547
https://tzutzu.coderbridge.io/2021/05/13/image/
https://hackmd.io/@s_jpXuNwRQiUuGCOQAOZuA/B1mRKlqvY
iThome鐵人賽
看影片追技術