border-style:dotted;邊框線虛線
border-width: 6px;邊框線的寬度
background-repeat:no-repeat;不重複 填充背景必須要加上高度跟寬度 不然不顯示
background-repeat:repeat-x;水平方向填充
background-repeat:repeat-y;豎直方向填充
background-position:center center; 背景水平居中 right/left
background:#f00 url() no-repeat[rɪ'piːt] center;簡寫 寫**最好是簡寫 .
background-size 拉伸
background-color 背景顏色
background-position: 0px -200px;
2.邊框(四邊 上下左右) top bottom left right
邊框的顏色:終極合併border:1px solid #666666; 合併更加優化 border-top:1px solid #f00;
分開寫:
border-top-width:1px;
border-top-color:#foo;
border-top-style:solid;
邊框的粗細 1px/2px/3px/4px
實線:solid;
點線:dotted;
雙實線:double;
虛線:dashed;[dæʃt]
3.行內元素(span a i b ),塊狀元素
(div p)
span 在同一行顯示,寬度跟高度不起作用
display:inline-block 水平方向排列
display:block; 轉化為塊狀元素(豎直方向排列) //換行會有空格
dispaly:none;隱藏起來 js呼叫常用到
CSS 背景 邊框
單個屬性 background color 背景顏色 background image 背景位址 background repeat 是否平鋪 background position 背景位置 background attachment 背景固定還是滾動 背景的合寫 符合屬性 background ...
CSS邊框和背景
1 邊框線條樣式 none 沒有邊框 dashed 破折線邊框 dotted 圓點線邊框 double 雙線邊框 groove 槽線邊框 inset 使元素內容具有內嵌效果的邊框 outset 使元素內容具有外凸效果的邊框 ridge 脊線邊框 solid 實線邊框 2 圓角邊框樣式 border ...
CSS3邊框背景
邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象,本質是用一張來修飾邊框背景,看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...