css全教程邊框背景輪廓-資料下載頁
2024-09-29 21:48本頁面
【導(dǎo)讀】兩個邊界的寬度和border-width的值相同。效果取決于邊界的顏色值。ridge:定義3D脊邊界。outset:定義一個3D突出邊框。如果文檔比較長，那么當(dāng)文檔向下滾動時，背景圖像也會隨之滾。當(dāng)文檔滾動到超過圖像的位置時，圖像就會消失。fixed當(dāng)頁面的其余部分滾動時，背景圖像不會移動。inherit規(guī)定應(yīng)該從父元素繼承background-attachment屬性的。border可應(yīng)用于幾乎所有有形的html元素，而outline是針對鏈接、表單控件和ImageMap等元素設(shè)計。從而另一個區(qū)別也可以推理出，這些都是瀏覽器的默認(rèn)行為，無需JavaScript配。輪廓在兩方面與邊框不同：。輪廓可以是非矩形。outline-offset邊框內(nèi)距/*IE和Opera不支持*/
【正文】 utline 是針對鏈接、表單控件和 ImageMap等元素設(shè)計。從而另一個區(qū)別也可以推理出，那就是： outline 的效果將隨元素的 focus 而自動出現(xiàn)，相應(yīng)的由 blur 而自動消失。這些都是瀏覽器的默認(rèn)行為，無需 JavaScript配合 CSS來控制。 ? input:focus { outline: red solid thin。} ?輪廓在兩方面與邊框不同： ?輪廓不占用空間 ?輪廓可以是非矩形 ? outline ? outlinewidth ? outlinestyle ? outlinecolor ? outlineoffset 邊框內(nèi)距 /*IE和 Opera 不支持 */ 輪廓（ outline） ? font style=outline:green solid thinaaaaa/font ?寬度 ? thin ? medium ? thick ? length ? inherit 下節(jié)內(nèi)容 ?文本和字體
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1