HTML和CSS 10 背景設定相關

2021-10-09 06:15:41 字數 348 閱讀 7072

可以同時設定背景和背景顏色,這樣背景顏色將會成為的背景色

如果背景的小於元素,則背景會自動在元素中平鋪將元素鋪滿

如果背景的大於元素,將會乙個部分背景無法完全顯示

如果背景和元素一樣大,則會直接正常顯示

5.1、background-clip

5.2、background-origin

​ 背景的偏移量計算的原點,即background-position: 0 0;的位置

線性漸變,顏色沿著一條直線發生變化

linear-gradient()

徑向漸變

radial-gradient()徑向漸變(放射性的效果)

CSS(10)盒子模型

css中,box model叫盒子模型 或框模型 box model規定了元素框處理元素內容 element content 內邊距 padding 邊框 border 和 外邊距 margin 的方式。在html文件中,每個元素 element 都有盒子模型,所以說在web世界裡 特別是頁面布局 ...

CSS 10 分鐘理解 BFC 原理

在講 bfc 之前,我們先來了解一下常見的定位方案,定位方案是控制元素的布局,有三種常見方案 在普通流中,元素按照其在 html 中的先後位置至上而下布局,在這個過程中,行內元素水平排列,直到當行被佔滿然後換行,塊級元素則會被渲染為完整的乙個新行,除非另外指定,否則所有元素預設都是普通流定位,也可以...

CSS邊框和背景

1 邊框線條樣式 none 沒有邊框 dashed 破折線邊框 dotted 圓點線邊框 double 雙線邊框 groove 槽線邊框 inset 使元素內容具有內嵌效果的邊框 outset 使元素內容具有外凸效果的邊框 ridge 脊線邊框 solid 實線邊框 2 圓角邊框樣式 border ...