国产精品久久久久久久,日本亚洲综合,亚洲精品国产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è)置邊框的顏色


  評論
主站蜘蛛池模板: 日本福利小视频 | 国外欧美一区另类中文字幕 | 第四色在线电影 | 99热精品在线 | 国产在线观看99 | 青草久久精品 | 99视频有精品视频免费观看 | 精品久久综合一区二区 | 久久人人爽人人爽人人片va | 国产精品视_精品国产免费 国产精品深夜福利免费观看 | 免费人成年短视频在线观看免费网站 | 久久99精品福利久久久 | www.五月天 | 五月综合久久 | 久久九九青青国产精品 | 欧美日韩在线观看一区 | 99国产小视频 | 4399影视免费观看高清直播 | 四虎精品在线 | 草草影院第一页yycccom | 精品国产高清久久久久久小说 | 欧美一区中文字幕 | 免费看啪啪网站 | 欧美劲爆第一页 | 嫩草影院在线观看视频 | 四虎最新永久免费网址 | 伊人国产在线观看 | 亚洲色图综合网 | a久久| 久久久国产精品免费视频 | 福利视频精品 | 国产精品国产亚洲精品看不卡 | 欧美乱妇欲仙欲死视频免费 | 亚洲午夜国产精品 | 亚洲六月丁香色婷婷综合久久 | 国产一级毛片免 | 国产在线播放网址 | 日韩中文字幕第一页 | 国产高清在线视频一区二区三区 | 四虎影视最新网址 | 欧美亚洲视频一区 |