pythonweb前端开发：Python Web全栈之旅12--Web前端 CSS扩展知识点汇总

pythonweb前端开发：Python Web全栈之旅12--Web前端 CSS扩展知识点汇总● 鼠标样式② 在颜色位置设置alpha通道 rgba属性（局部设置）background-color: rgba(0 0 0 0.4);第四个参数的范围是[0.0 1.0]

---

3、样式扩展

● 透明度

① 属性 opacity （全局设置）

它设置的是整个元素的透明度，取值范围是[0.0 1.0]

② 在颜色位置设置alpha通道 rgba属性（局部设置）

background-color: rgba(0 0 0 0.4);

第四个参数的范围是[0.0 1.0]

---

● 鼠标样式

cursor属性

① 使用默认样式

② 自定义鼠标样式

cursoir: url("cursor.ico") auto

ico图片地址，如果没找到，auto表示默认鼠标样式

● 盒子隐藏

① display: none;

将元素的显示设为无，即在网页中不占任何的位置。

② visibility: hidden;

将元素隐藏，但是在网页中该占的位置还是占着。

● 背景图

容易混淆的概念：

>>>img元素属于html的概念

>>>背景图属于CSS的概念