中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

css怎么設置div圓角

清風
540
2021-03-11 09:30:25
欄目: 編程語言

css怎么設置div圓角

css設置div圓角的方法:

在css中可以通過設置border-radius讓div邊角變得圓潤。

示例:

<!DOCTYPE html>

<html>

<head>

<style> 

#rcorners1 {

  border-radius: 25px;

  background: #73AD21;

  padding: 20px; 

  width: 200px;

  height: 150px;  

}

#rcorners2 {

  border-radius: 25px;

  border: 2px solid #73AD21;

  padding: 20px; 

  width: 200px;

  height: 150px;  

}

#rcorners3 {

  border-radius: 25px;

  background: url(/i/paper.jpg);

  background-position: left top;

  background-repeat: repeat;

  padding: 20px; 

  width: 200px;

  height: 150px;  

}

</style>

</head>

<body>

<h1>border-radius 屬性</h1>

<p>擁有指定背景顏色的元素的圓角:</p>

<p id="rcorners1">Rounded corners!</p>

<p>帶邊框元素的圓角:</p>

<p id="rcorners2">Rounded corners!</p>

<p>擁有背景圖片的元素的圓角:</p>

<p id="rcorners3">Rounded corners!</p>

</body>

</html>


0
新竹市| 宣威市| 上虞市| 来宾市| 富平县| 务川| 北安市| 江油市| 苗栗市| 滨州市| 西乡县| 蛟河市| 苗栗县| 霍山县| 泸溪县| 长武县| 武鸣县| 灌阳县| 林甸县| 宿迁市| 潢川县| 工布江达县| 县级市| 游戏| 哈密市| 华亭县| 大荔县| 丹阳市| 天台县| 外汇| 宜城市| 拉孜县| 武夷山市| 收藏| 偏关县| 全南县| 巴南区| 峨山| 宁河县| 西华县| 成都市|