91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css怎么給元素設置圓角半徑

發布時間:2022-04-24 13:56:13 來源:億速云 閱讀:423 作者:iii 欄目:大數據

這篇文章主要介紹“css怎么給元素設置圓角半徑”,在日常操作中,相信很多人在css怎么給元素設置圓角半徑問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css怎么給元素設置圓角半徑”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

給元素設置圓角半徑的css屬性是border-radius,該屬性可以設置元素的外邊框圓角,只需要給指定元素添加“border-radius: 圓角值;”代碼樣式即可實現圓角效果。

本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

給元素設置圓角半徑的css屬性是border-radius。

border-radius屬性可以設置元素的外邊框圓角;使用 CSS3 border-radius 屬性,你可以給任何元素制作 "圓角"。

css怎么給元素設置圓角半徑

語法:

border-radius: 1-4 length|% / 1-4 length|%;

注意: 每個半徑的四個值的順序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。

描述
length定義彎道的形狀。
%使用%定義角落的形狀。

border-radius屬性值的指定規則:

  • 四個值: 第一個值為左上角,第二個值為右上角,第三個值為右下角,第四個值為左下角。

    css怎么給元素設置圓角半徑

  • 三個值: 第一個值為左上角, 第二個值為右上角和左下角,第三個值為右下角

    css怎么給元素設置圓角半徑

  • 兩個值: 第一個值為左上角與右下角,第二個值為右上角與左下角

    css怎么給元素設置圓角半徑

  • 一個值: 四個圓角值相同

    css怎么給元素設置圓角半徑

實例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style>
			div {
				padding: 20px;
				width: 200px;
				height: 150px;
			}
			
			#rcorners1 {
				border-radius: 25px;
				background: #8AC007;
			}
			
			#rcorners2 {
				border-radius: 25px;
				border: 2px solid #8AC007;
			}
			
			#rcorners3 {
				border-radius: 25px;
				background: url(/images/paper.gif);
				background-position: left top;
				background-repeat: repeat;
			}
		</style>
	</head>

	<body>
		<p>指定背景顏色元素的圓角:</p>
		<div id="rcorners1">圓角</div>
		<p>指定邊框元素的圓角:</p>
		<div id="rcorners2">圓角</div>
		<p>指定背景圖片元素的圓角:</p>
		<div id="rcorners3">圓角</div>

	</body>

</html>

效果圖:

css怎么給元素設置圓角半徑

到此,關于“css怎么給元素設置圓角半徑”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

嘉祥县| 调兵山市| 虞城县| 杂多县| 卫辉市| 通海县| 阜平县| 介休市| 深泽县| 庄浪县| 湟源县| 北海市| 宜黄县| 遵化市| 凯里市| 南汇区| 晋宁县| 舟山市| 吴堡县| 涞水县| 汝州市| 太白县| 朔州市| 南陵县| 灵台县| 藁城市| 仪征市| 龙井市| 遂宁市| 娱乐| 晋城| 东宁县| 灌云县| 高邮市| 顺昌县| 铅山县| 南平市| 锡林浩特市| 萝北县| 秀山| 德江县|