国产精品久久久久久久,日本亚洲综合,亚洲精品国产77777,国产欧美日韩高清专区手机版,日本羞羞动漫,精品乱码一区二区三区在线

首頁  >  六六互聯(lián)  >  邊框基本屬性及類型

邊框基本屬性及類型

作者:zhushican  丨  時(shí)間:2022年08月11日  丨  分類:六六互聯(lián)

邊框基本屬性及類型

邊框基本屬性類型主要包括如表3-13所示幾種情況。

                  表3-13 邊框基本屬性                                             

 

屬性

 
 

   

 
 

border-color

 
 

設(shè)置四條邊框的顏色。

 
 

border-image

 
 

設(shè)置或檢索對象的邊框使用圖像來填充

 
 

border-image-source

 
 

設(shè)置或檢索對象的邊框是否用圖像定義樣式或圖像來源路徑

 
 

border-image-slice

 
 

設(shè)置或檢索對象的邊框背景圖的分割方式

 
 

border-image-width

 
 

設(shè)置或檢索對象的邊框厚度

 
 

border-image-outset

 
 

設(shè)置或檢索對象的邊框背景圖的擴(kuò)展

 
 

border-image-repeat

 
 

設(shè)置或檢索對象的邊框圖像的平鋪方式

 
 

border-radius

 
 

設(shè)置或檢索對象使用圓角邊框

 
 

border-top-left-radius

 
 

設(shè)置或檢索對象左上角圓角邊框

 
 

border-top-right-radius

 
 

設(shè)置或檢索對象右上角圓角邊框

 
 

border-bottom-right-radius

 
 

設(shè)置或檢索對象右下角圓角邊框

 
 

border-bottom-left-radius

 
 

設(shè)置或檢索對象左下角圓角邊框

 
 

box-shadow

 
 

設(shè)置和檢索對象陰影

 

1.邊框顏色

border-color 屬性設(shè)置四條邊框的顏色。此屬性可設(shè)置 1 到 4 種顏色。border-color屬性是一個(gè)簡寫屬性,可設(shè)置一個(gè)元素的所有邊框中可見部分的顏色,或者為 4 個(gè)邊分別設(shè)置不同的顏色。

下列案例3-10所示,通過border-color設(shè)置邊框顏色。

例3-10 example10.html

 

<!DOCTYPE  html> 

<html>

<head>

<meta  charset="UTF-8">

<style  type="text/css">

p.one

{ border-style: solid;border-color:  #0000f }

p.two{border-style:  solid;border-color: #ff0000 #0000ff}

p.three{border-style:  solid;border-color: #ff0000 #00ff00 #0000ff }

p.four{border-style:  solid;

border-color: #ff0000  #00ff00 #0000ff rgb(250,0,255)  }

</style>

</head>

<body>

<p>One-colored border!</p>

<p>Two-colored border!</p>

<p>Three-colored border!</p>

<p>Four-colored border!</p>

<p><b>注釋:</b>"border-width"  屬性如果單獨(dú)使用的話是不會起作用的。請首先使用 "border-style" 屬性來設(shè)置邊框。</p>

</body>

</html>

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

邊框基本屬性及類型

圖3-12 border-color設(shè)置邊框的顏色


  評論
主站蜘蛛池模板: 亚洲综合久久久久久中文字幕 | 欧美色人| 久久大陆 | 免费 高清 中文在线观看 | 国产在线精品福利一区二区三区 | 亚洲成精品动漫久久精久 | 欧美亚洲一区二区三区在线 | 国产精品96久久久久久久 | 免费精品视频在线 | 激情网在线 | 久久国产精品-国产精品 | 国产欧美一区二区成人影院 | 免费播看完整大片40分钟 | 男人的天堂久久香蕉国产 | 久久综合国产 | 99精品亚洲 | 久久久国产99久久国产首页 | 肉大捧一进一出视频免费播放 | 精品国产高清久久久久久小说 | 久久综合五月天婷婷伊人 | 丁香婷婷开心激情深爱五月 | 欧美一级棒 | 日本深夜影院 | 美女网站免费久久久久久久 | 一级毛片在线免费视频 | 日韩视频在线免费观看 | 97视频免费观看 | 97超在线| 经典三级一区二区三区视频 | 欧美一级在线视频 | 国产国产精品人在线视 | 第四色区| 久久青草视频 | 色无五月 | 四虎影院在线免费观看 | 国产乱码精品一区二区三上 | 成年做羞羞免费观看视频网站 | 大香网伊人久久综合网2020 | 精品国产一区二区三区在线 | 六月婷婷色 | 国产成人精品日本亚洲11 |