CSS3是現代網頁設計的一個重要技術，其中邊框和外投影的使用也越來越常見。本文將介紹如何使用CSS3來實現邊框和外投影效果。

首先，讓我們來看一下如何設置邊框。CSS3提供了一些新的屬性，包括border-radius、box-shadow和border-image等。這些屬性可以幫助我們創建非常豐富的邊框效果。

/* 設置圓角邊框 */
border-radius: 10px;
/* 設置陰影邊框 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
/* 設置圖片邊框 */
border-image: url(border.png) 30 30 round;

其中border-radius屬性用于設置邊框的圓角大小，可以設置單獨的四角圓角大小，也可以一次性設置全角圓角。box-shadow屬性用于設置邊框的陰影效果，可以設置陰影的偏移量、模糊度和顏色等參數。border-image屬性用于設置邊框的圖片效果，可以設置圖片的路徑、邊框寬度和切割方式等參數。

除了邊框效果外，CSS3還提供了外投影效果的實現。box-shadow屬性同樣可以用于實現外投影效果，可以設置投影的偏移量、模糊度和顏色等參數。

/* 設置文字投影 */
text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
/* 設置盒子投影 */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

以上代碼分別用于設置文字和盒子的外投影效果。text-shadow屬性用于設置文字的外投影效果，可以設置偏移量、模糊度和顏色等參數。box-shadow屬性同樣可以用于實現盒子的外投影效果，可以設置偏移量、模糊度和顏色等參數。

總之，CSS3提供了非常豐富的邊框和投影效果，通過巧妙地運用這些屬性，可以有效地提升網頁的美觀程度和用戶體驗。