51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

CSS3盒子模型（CSS3）
CSS3盒子模型（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-\
css
html
css3
盒子模型
原创
CMMKK
2022-10-20 10:06:05
188阅读

jquery div半透明 css 半透明
网页半透明效果经常在一些很酷网站中用到，虽然说现在还没有被纳入W3C标准中，但对于CSSer们还是很热捧的。从网上收集并整理了一下以后备用。1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置: 复制内容到剪贴板 代码:#ceng { -khtml-opacity:0.5;-moz-opacity: 0.5; }-khtml-opacit
jquery div半透明
javascript
ViewUI
ci
CSS
转载
mob64ca14157da7
2024-07-21 16:45:03
63阅读

css半透明效果
.VPNav.no-sidebar[data-v-4da33ef2] { -webkit-backdrop-filter: saturate(50%) blur(8px); backdrop-filter: saturate(50%) blur(8px); background: rgba(255,
ide
原创
wg_iGBFcBFB
2022-10-21 14:33:47
854阅读

CSS3:透明度
CSS3:透明度
CSS
原创
天河之上
2021-07-14 09:14:53
563阅读

CSS3透明属性opacity
例子：何问起效果查看效果：://hovertree.com/hvtart/bjae/q3etb2qv.htm设置 div 元素的不透明级别：div{opacity:0.5;}opacity 属性设置元素的不透明级别。默认值： 1继承性： no版本： CSS3JavaScript 语法： ob...
css
css3
样式
jquery
html5
转载
mb5fdcad8719a20
2015-12-04 22:50:00
181阅读
2评论

CSS3透明背景表单
在线演示 本地下载
CSS3透明背景表单
CSS
转载
mob604756f23a7e
2018-12-03 20:31:00
189阅读
2评论

CSS3盒子模型
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>CSS盒子模型</title> </head> <body
css3
css
属性值
内边距
原创
大熊计算机
2月前
31阅读

CSS3 Flex Box（弹性盒子）
CSS3 Flex Box（弹性盒子） 一、简介 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一
CSS3
ide
html
css3
外边距
转载
mob604756e9d3bc
2018-07-24 11:13:00
199阅读
2评论

CSS3 - 圆角边框、盒子阴影
圆角边框在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。border-radius属性设置元素的外边框圆角borde
css3
圆角
圆角边框
原创
贝勒里恩
2022-09-20 10:45:45
570阅读

CSS3盒子模型
每一个HTML标记都可看作一个盒子； 每一个盒子都有：边界(margin)、边框(border)、填充(padding)、内容(content)四个属性； 每一个属性都包含四个部分：上、右、下、左。这四部分可同一时候设置。也可分别设置。 不太清楚看图 图片为网络上某个兄弟所画。在这表示感谢，由于存放在本地时间太长了。不知道出处了，敬请谅解！
html
其他
转载
mob604756ef1373
2017-05-30 15:38:00
131阅读
2评论

【半透明】DIV半透明层 CSS来实现网页背景半透明
DIV半透明实现，使用CSS实现DIV成半透明效果，CSS实现层与背景半透明效果。 设置DIV半透明CSS代码： 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认 2、-moz-opacity：对moz
IT
原创
wx58f0846670609
2021-07-15 17:17:13
4525阅读

CSS（20）CSS3 弹性盒子(Flex Box)
弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。一、浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。紧跟在数字后面的 -webkit- 或 -...
ide
html
css
外边距
css3
转载
mob60475706e1a1
2020-02-10 11:15:00
148阅读
2评论

css3 keyframes 弹性 css的弹性盒子
CSS3 弹性盒子弹性盒子容器属性 弹性盒子CSS 弹性盒子（ Flexible Box 或 flexbox）布局是 CSS 的模块之一，定义了一种针对用户界面设计而优化的 CSS 盒子模型。在弹性布局模型中，弹性容器的子元素可以在任何方向上排布，也可以“弹性伸缩”其尺寸，既可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免父元素溢出。子元素的水平对齐和垂直对齐都能很方便的进行操控。通过嵌套这些
css3 keyframes 弹性
css3
css
flex
CSS
转载
mob64ca140b0bc8
2024-05-08 20:23:55
33阅读

CSS半透明兼容写法
CSS透明,CSS透明兼容,CSS半透明兼容写法
CSS透明
CSS透明兼容
CSS半透明兼容写法
css
原创
皮尔兄弟
2021-07-23 14:46:37
282阅读

背景半透明(HTML、CSS)
背景半透明(HTML、CSS)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF
html
css
css3
原创
CMMKK
2022-10-20 10:16:02
611阅读

css3修改透明png颜色
实现思路：图片作为背景，drop-shadow阴影形成新的元素，再用left把整体偏移回去，最后用overflow:hidden把原图片隐藏注：当放在其他绝对定位的元素上面时注意z-index的处理。.iconXXX{ overflow:hidden; display: inline-block; position: relative; height:20px; ..
drop-shadow
png颜色
ico
绝对定位
原创
草宝虫啊
2023-05-17 11:35:38
241阅读

css3 box-shadow 盒子效果
简单的外阴影html code:<ul id="demo1" class="inline-style clearfix">    <li><img alt="text-shadow" src="p_w_picpaths/page-live-pho-ag.jpg"></li>    <li><i
css3 box-shadow 盒子效果
翻译 精选
ljhhzhy
2014-08-02 16:32:03
576阅读

css3透明度渐变
在需要使用透明度渐变的div中添加linear类即可<div class="linear" style="widht:500px;height:500px"></div>.linear { bac
css3
html
safari
firefox
原创
前端面试题库助手
2022-06-29 20:41:59
3357阅读

css3盒子定位整理
定位模式 是否脱标 移动位置 是否常用
定位
html
css
ico
字体图标
原创
wx637f0ba1ddc42
2022-11-24 15:23:11
115阅读

css3系列之弹性盒子 flex
  弹性盒子(伸缩盒) 注意，本篇会很长，非常长， 因为弹性盒子的知识点比较多 搜索 弹性盒子的属性  ctrl + F   如果觉得图太小， ctrl + +键 主要的属性有：  (主要分两部分讲， 一部分讲 设置在父元素上的属性，一部分讲 设置在子元素上的属性， 还有最后一些简单的应用) 　　flex 　　flex-grow 　　flex-shrink 　　flex-basis 　　flex
java
转载
caofeng2012
2021-07-23 17:47:07
155阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

css3系列之弹性盒子 flex

css：css3（圆角边框、盒子阴影、文字阴影）

CSS：CSS3 - 圆角 & 盒子阴影 & 渐变

css3背景透明文字不透明

jquery设置半透明色 css设置半透明背景色

背景半透明CSS兼容设置

css实现图片半透明效果

DIV半透明层 CSS来实现网页背景半透明

CSS3的新特性,怪异盒子，CSS3过渡，进度条制作。

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯