CSS外邊框 邊界樣式常用組合

2022-08-30 05:54:08 字數 772 閱讀 4411

一、css框線一覽表

border-top : 1px solid #6699cc; /*上框線*/

border-bottom : 1px solid #6699cc; /*下框線*/

border-left : 1px solid #6699cc; /*左框線*/  

border-right : 1px solid #6699cc; /*右框線*/

以上是建議書寫方式,但也可以使用常規的方式 如下:

border-top-color : #369 /*設定上框線top顏色*/

border-top-width :1px /*設定上框線top寬度*/

border-top-style : solid/*設定上框線top樣式*/

其他框線樣式

solid /*實線框*/

dotted /*虛線框*/

double /*雙線框*/

groove /*立體內凸框*/

ridge /*立體浮雕框*/

inset /*凹框*/

outset /*凸框*/

二、css邊界樣式

margin-top:10px; /*上邊界*/

margin-right:10px; /*右邊界值*/

margin-bottom:10px; /*下邊界值*/

margin-left:10px; /*左邊界值*/

margin:0 auto; /*讓自己居中在父元素中間*/

三、常用css組合

mycss1

css學習之邊框樣式 外邊距合併

邊框的樣式 border style 定義了10個不同的非繼承樣式,包括none 邊框的單邊框樣式 border top style border left style border right style border bottom style 邊框的寬度 border width 單邊框 bor...

CSS 外邊框與內邊框屬性

1.1 上邊距 margin top 上邊距也叫頂端邊距,使用上邊距可以設定元素的上邊界,可以使用長度值或百分比。語法 margin top 邊距值 說明 margin top取值範圍包括如下 長度值相當於設定頂端的絕對邊框值,包括數字和單位 百分比是設定相對於上級元素的寬度的百分比,允許使用負值 ...

CSS 邊框樣式

簡寫 border color width style 所有的簡寫,一經使用,所有省略的值都會採用預設值 屬性 color,width,style border 方向 屬性 簡寫 border 方向 color width style 四邊圓角 border radius px 或 單邊圓角 bor...