html如何設(shè)置邊框圓角

小編給大家分享一下html如何設(shè)置邊框圓角，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司是一家專業(yè)提供霍林郭勒企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、網(wǎng)站設(shè)計(jì)、html5、小程序制作等業(yè)務(wù)。10年已為霍林郭勒眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。

設(shè)置方法：1、利用border-radius屬性，語(yǔ)法“border-radius:圓角半徑;”；2、利用border-image屬性，用帶有圓角的圖片來(lái)創(chuàng)建邊框，語(yǔ)法“border-image:url(圓角圖片地址) 20 fill;”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

1、利用border-radius屬性

	
		
		
	
	

		
border-radius 屬性為元素添加圓角邊框！ 
	

2、利用border-image屬性

使用一個(gè)帶有圓角的圖片來(lái)創(chuàng)建邊框

例：

使用圖片：

	
		
		
	
	
		1