第13章 RGBa和不透明度

前端体验设计 2022-01-04 14:55:01

1.使用RGB
- 代码：1.使用RGB｜code_1.css
- 代码：1.使用RGB｜code_2.css
2.使用RGBa给颜色分层
- 代码：2.使用RGBa给颜色分层｜code_1.css
4.opacity让我们变得？
- 代码：4.opacity让我们变得？｜code_1.css
- 代码：4.opacity让我们变得？｜code_2.css
- 代码：4.opacity让我们变得？｜code_3.css
- 代码：4.opacity让我们变得？｜code_4.css
- 代码：4.opacity让我们变得？｜code_5.css
5.flexbox内容对齐
- 代码：5.flexbox内容对齐｜code_1.css
6.适应更大的屏幕
- 代码：6.适应更大的屏幕｜code_1.css
- 代码：6.适应更大的屏幕｜code_2.css
- 代码：6.适应更大的屏幕｜code_3.css
- 代码：6.适应更大的屏幕｜code_4.css
7.flexbox垂直布局
- 代码：7.flexbox垂直布局｜code_1.css
8.伪类选择器
- 代码：8.伪类选择器｜code_1.css
- 代码：8.伪类选择器｜code_2.css
- 代码：8.伪类选择器｜code_3.css

...全文

107 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

RGBA增加了透明度控制，即alpha通道。`rgba()`函数的第四个参数是0到1之间的浮点数，0表示完全透明，1表示完全不透明。例如，`rgba(255, 0, 0, 0.5)`表示半透明的红色。 4. **HSL（Hue, Saturation, Lightness）**...

- `rgba()`允许设置元素的背景颜色，其中`a`代表透明度，如`rgba(255, 0, 0, 0.5)`，不会影响子元素的透明度。 - `opacity`属性应用于元素本身及其所有子元素，改变整个元素的透明度。 6. **DOCTYPE**：文档类型...

rgba(0-255,0-255,0-255,0-1透明度)0完全透明,1不透明 2.长度单位 px em 百分比（%）二十一、CSS三大特性 1.层叠性：样式冲突，就近原则样式不冲突，不会层叠 2.继承性：子继父业 text-indent text-decoration ...

在 CSS3 中，增加了一个 opacity 属性，允许开发者设置元素的透明度，现在 opacity 已被主流的现代浏览器支持，但 opacity 会把被设置的元素及其子元素...相对于 opacity ，RGBa 可以在单个元素上设置透明度，而不影

在 CSS3 中，增加了一个 opacity 属性，允许开发者设置元素的透明度，现在 opacity 已被主流的现代浏览器支持，但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度，这样的透明规则相当不灵活，在实际开

《前端体验设计HTML5+CSS3》

5

社区成员

441

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章