div border邊框,如何給div層加上圖片邊框?
可以用背景圖象使其是圓角,也可以用DIV中的鉤子做出圓角但是要很多個層 很復雜!所以推薦背景圖象使用滑動門技術!
用CSS給DIV加邊框 給你用加邊框的DIV申明個類別或者ID
然后用CSS代碼
#ID 或者.類別{border:1px;red;} 就可以了
中border基本語法?
一、四個邊框
border-left 設置左邊框,一般單獨設置左邊框樣式使用
border-right 設置右邊框,一般單獨設置右邊框樣式使用
border-top 設置上邊框,一般單獨設置上邊框樣式使用
border-bottom 設置下邊框,一般單獨設置下邊框樣式使用,有時可將下邊框樣式作為css下劃線效果應用。
二、四邊相同邊框border簡寫
#divcss5{border:1px solid #00F}
設置了divcss5對象盒子1px像素藍色實線邊框
三、邊框三個樣式
通常我們可以對邊框設置寬度(厚度)、邊框樣式、邊框顏色這三個屬性與參數。
1)、邊框顏色:border-color:#000
2)、邊框厚度(寬度):border-width:1px
使用數字+單位設置邊框厚度寬度,如1px(邊框厚度寬度為1像素),邊框必須為正數字,大于0的數值。否則設置邊框border樣式無效。
3)、border邊框樣式:border-style:solid
邊框樣式值如下:
none : 無邊框。與任何指定的border-width值無關
hidden : 隱藏邊框。IE不支持
dotted : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線(常用)
dashed : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線(常
用)solid : 實線邊框(常用)
double : 雙線邊框。兩條單線與其間隔的和等于指定的border-width值
groove : 根據border-color的值畫3D凹槽
ridge : 根據border-color的值畫菱形邊框
inset : 根據border-color的值畫3D凹邊
outset : 根據border-color的值畫3D凸邊
四、CSS單獨設置左邊框、右邊框、上邊框、下邊框
以縮寫方式寫上、下、左、右邊框單獨CSS樣式設置方法
1、1px黑色虛線上邊框
border-top:1px dashed #000
2、1px黑色實線下邊框
border-bottom:1px solid #000
3、1px黑色虛線左邊框
border-left:1px dashed #000
4、1px黑色實線右邊框
border-right:1px solid #000
五、常用推薦邊框樣式
我們通常使用主流瀏覽器兼容邊框樣式有:
1、實線邊框:solid
Border:1px solid #000 設置對象1px(像素)寬厚的黑色實線邊框。
2、虛線邊框:dashed
Border:1px dashed #000 設置對象1px(像素)寬厚的黑色虛線邊框。
六、三邊有邊而一邊沒有
CSS 代碼: border:1px solid #000; border-top:none;
注意border:1px solid #000; 和border-top:none;前后順序不能調換。因為CSS讀取有從上到下、從左到右讀取原理,而先設置了整個邊框樣式,后再加上聲明頂部上邊邊框為“none”沒有意思,即實現該實例要的樣式。從而無需分別設置下、左、右,從而節約一定代碼。
HTML中如何給圖片添加邊框代碼?
1、如圖,在代碼工具中,先建好幾個圖片,如圖這里的img圖片被div盒子包含;然后將盒子設置寬度,然后浮動;圖片填充整個盒子大小。
2、效果就是這樣的,如圖。
3、添加圖片的描邊效果有兩種方法,對圖片添加描邊或者是給外面的盒子套個描邊,先看給圖片添加描邊,如圖;就是直接在img圖片標簽里添加上描邊border。
4、如圖,添加了描邊后的圖片效果。
5、想要改變圖片的描邊大小以及顏色,在這里修改。
6、然后如果是在div盒子添加描邊效果時,和跟在img上添加方法一樣,也是border屬性。7、兩種方法都能夠成功,看你習慣使用哪種方法了。
擴展資料:
超文本標記語言(Hyper Text Markup Language),縮寫為HTML,標準通用標記語言下的一個應用。HTML不是一種編程語言,而是一種標記語言 (markup language),是網頁制作所必備的工具。“超文本”就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
超文本標記語言(或超文本標簽語言)的結構包括“頭”部分和“主體”部分,其中“頭”部提供關于網頁的信息,“主體”部分提供網頁的具體內容。
不設置border會顯示邊框線嗎?
不顯示邊框,直接把邊框border的值設為0就可以,表格的默認格式是雙線,如果需要單線表格,一般還會設置cellpadding和cellspacing的值都為0。 知識拓展:
cellpadding: 從其名稱看,此屬性與padding類似。 cellpadding用來設置單元格中文本內容和邊框之間的距離,類似于內邊距。 cellspacing: cell是單元格的意思,從字面意思是設置單元格之間或者單元格與外圍邊框的距離。 此屬性類似于margin外邊距。