亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

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
福泉市| 巩留县| 博白县| 晋中市| 封丘县| 温州市| 达拉特旗| 金乡县| 阳春市| 兴业县| 浦东新区| 勃利县| 玉屏| 同江市| 沙坪坝区| 惠来县| 喀什市| 讷河市| 荣昌县| 皋兰县| 郎溪县| 六盘水市| 崇礼县| 夏津县| 桂东县| 贺州市| 兴国县| 淅川县| 怀集县| 文成县| 伊金霍洛旗| 汉沽区| 临汾市| 思茅市| 阿城市| 奎屯市| 郑州市| 天水市| 南澳县| 武安市| 九江市|