91男女视频-91嫩草国产线免费观看-91嫩草视频在线观看-91嫩草私人成人亚洲影院-91牛牛

首頁  >  六六互聯(lián)  >  圓角邊框?qū)傩?/a>

圓角邊框?qū)傩?/h1>
作者:zhushican  丨  時(shí)間:2022年08月11日  丨  分類：六六互聯(lián)

圓角邊框?qū)傩? title=

圓角邊框屬性

通過border-radius：設(shè)置邊框圓角。如下案例3-12所示。

                    例3-12 example12.html

<!DOCTYPE  html>

<html>

<head>

<meta  charset="UTF-8">

<title></title>

<style>

#div1{ float:  left;width:200px; height:100px;border:2px solid red;  }

#div2{ margin: 10px; float:  left; width:180px;height:80px;

border:2px solid  red;padding:10px;

border-radius:20px;/*設(shè)定一個(gè)值會(huì)同時(shí)設(shè)定四個(gè)角的圓角成都*/

/*如果圓角的半徑相同，每個(gè)值可以只寫一個(gè)參數(shù),X相當(dāng)于寫2個(gè)一樣的參數(shù) 例如  30px/30px 和30px 是等同的*/   }

#div3{float:  left;width:200px;height:100px;border:2px solid red;

border-radius:100px/50px   }

</style>

</head>

<body>

<div  id="div1">

圓角屬性設(shè)定方法---普通邊框

</div>

<div  id="div2">圓角屬性設(shè)定方法---圓角邊框</div>

<div  id="div3">圓角屬性設(shè)定方法---橢圓邊框</div>

</body>

</html>

運(yùn)行3-12，效果如圖3-14所示。

圓角邊框?qū)傩? title=

圖3-14 border-radius設(shè)置邊框的圓角屬性

4. box-shadow

向框添加一個(gè)或多個(gè)陰影。該屬性是由逗號(hào)分隔的陰影列表，每個(gè)陰影由 2-4 個(gè)長度值、可選的顏色值以及可選的 inset 關(guān)鍵詞來規(guī)定。省略長度的值是 0。

下列案例3-13所示，通過box-shadow設(shè)置對(duì)象陰影。

例3-13 example13.html

  <!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<style  type="text/css">/*定義圖片的陰影效果樣式*/

img {float:  left;box-shadow: 2px 2px 30px #06C;height: 240px;}

/*定義<div>標(biāo)記的陰影效果樣式*/

div {float:  left;padding: 5px;margin: 50px;height: 50px;

    width: 150px;background-color: #CCC;

    -webkit-box-shadow: 2px 2px 20px #06C;

box-shadow: 2px 2px  20px #06C;

}/*定義文本的陰影效果樣式*/

p { text-shadow: 10px  10px 20px #06C; }

</style>

</head>

<body>

<img  src="img/bg.jpg"/>

<div></div>

<p>添加陰影效果</p>

</body>

</html>

運(yùn)行3-13，效果如圖3-15所示。

圓角邊框?qū)傩? title=

圖3-15 box設(shè)置對(duì)象的陰影顯示效果


  評(píng)論

主站蜘蛛池模板： 日韩在线免费看 | 成人毛片免费免费 | 国产精品亚洲第一区焦香 | 日韩精品视频免费网址 | 亚洲国产成人91精品 | 日本一本在线视频 | 一级黄色录像免费 | 久久精品中文字幕极品 | 麻豆网站在线观看 | 免费黄网在线 | 一级做a爰片欧美一区 | 亚洲一级特黄 | 久久99热这里只频精品6中文字幕 | 色综合夜夜嗨亚洲一二区 | 亚洲青青 | 九九视频只有精品六 | 久久久久久福利 | 日本三级韩国三级三级a级按摩 | 国产综合一区二区 | 精品国产一区二区三区四 | 91午夜影院| 国产成人a大片大片在线播放 | 国产一级特黄aa大片软件 | 网红思瑞一区二区三区 | 亚洲免费视频网 | 日本特级全黄一级毛片 | 日韩永久免费视频 | 亚洲综合精品香蕉久久网 | 久久国产一久久高清 | 尤物视频在线观看免费 | 亚洲国产精品一区二区首页 | 一级毛片在线完整免费观看 | 91久久精品国产亚洲 | 亚洲欧美日韩高清一区二区三区 | 成人在激情在线视频 | 欧美性猛交xxxx免费看蜜桃 | 色婷婷久久综合中文久久一本` | 亚洲国语在线视频手机在线 | 国语自产免费精品视频一区二区 | 国产精品久久免费 | 久久久久久久国产精品 |