<hr>分割线的变模糊

最新推荐文章于 2022-12-29 23:23:00 发布
最新推荐文章于 2022-12-29 23:23:00 发布
阅读量367 收藏
点赞数
分类专栏： css 文章标签： css 分割线 hr
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43856422/article/details/99955278
版权

css3新增的一个属性rgba，rgba(R,G,B,A)

R：红色值。正整数 | 百分数
G：绿色值。正整数 | 百分数
B：蓝色值。正整数| 百分数
RGB色彩模式是工业界的一种颜色标准，是通过对红(R）、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的。

A：透明度。取值0~1之间,值越小模糊程度越高。

   <hr style="height:1px;border:none;border-top:1px solid rgba(0,0,0,0.2)" />
莫道 开发
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
初识HTML&CSS
weixin_51343905的博客
12-25 572
Web概述 使用Java语言开发基于互联网的项目。 软件架构 1.C/S: Client/Server 客户端/服务器端 2. B/S: Browser/Server 浏览器/服务器端 资源分类： 静态资源： 使用静态网页开发技术发布的资源。 特点： 所有用户访问，得到的结果是一样的。如：文本，图片，音频、视频, HTML,CSS,JavaScript；如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器...
css如何设置透明度？设置透明度的两种方法（代码实例）
lin123_00的博客
05-18 4861
在前端页面开发布局的时候，为了给用户呈现不同的效果，经常需要设置透明度，那么css是怎样设置透明度的？本章给大家介绍用css设置透明度的两种方法（代码实例）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 更多相关视频： 0基础前端利用『HTML+CSS』制作你喜欢的暗黑破坏神网页开发：BV1C54y1X7ro 前端发展简史，功能以及未来趋势！（你值得观看）：BV1w5411s7e4 给想学编程又无从下手的小白一些建议：BV1Zf4y117ji 「HTML+CSS」实现妙笔千.
Web基础：HTML标签的属性
m0_73058235的博客
12-29 1336
在前面的几篇文章里,小编已经为大家展示了html的基础标签，我们已经具备了自主开发网页的基础能力，这篇文章给大家展示一下在我们还没有学习css以及js方面知识的时候，如何制作出较为漂亮的网页。
【前端】一些小的知识点，标签，属性
小源同学的博客
12-09 761
文章目录H5/CSS3align对齐属性hr标签的常用属性font 属性文本格式化标签特殊字符标签锚点文本居中首行缩进外链CSS字体样式属性文本外观属性CSS3新增的选择器伪元素选择器盒子模型的总宽度与总高度border属性padding属性margin属性box-shadow属性box-sizing属性background属性background-repeat图像平铺属性background-position图像位置属性background-attachment图像固定属性background-size图
修改标签透明度
落单的毛毛虫
01-27 899
// FF 浏览器 document.getElementById("IMG1").style.opacity = "0.5"; // IE 浏览器 document.getElementById("IMG1").style.filter = 'alpha(opacity=50)';W3C标准的写法跟FF浏览器一样.
改变下划线 hr的颜色
qq_43201350的博客
05-14 1055
代码： <body> <br> <br> <br> <!--方法一--> <hr style="border: 0;border-top: 1px solid red;"> <br> <br> <br> <!--方法二--> <hr style="border:0;background-color:red;height:1px;"> </body> 效果： 两个
Java8 将List＜Integer＞ 转换成以逗号分割的String字符串
最新发布
09-15
总结一下，Java 8通过引入流API极大地增强了集合处理的能力，使得像将`List<Integer>`转换为以逗号分隔的`String`这样的任务变得非常简单。你可以根据实际情况选择`reduce`或`collect`+`joining`，但通常推荐使用`...
关于分割线 hr 在各浏览器中的差异
12-13
在网页设计中，`<hr>`（horizontal rule）标签是一个常用的元素，用于在内容中插入一条水平分割线，以区分不同的部分或者增加视觉效果。然而，由于不同浏览器对`<hr>`标签的解析和渲染存在差异，特别是在老版本的 ...
将list中的内容根据某一属性的值对list进行拆分
08-10
拆分list,将list<bean>中的内容根据某一属性的值对list进行拆分，分组
HTML 几种特别分割线特效
09-28
在表格中，可以使用`<td>`或`<th>`的`border`属性创建垂直线，或者使用内联`<hr>`标签并设置`align`属性来创建垂直分割线。 ```html <table border="1px" cellpadding="0" cellspacing="0" style="height:265px;...
CSS透明度
YuHang6686的博客
03-06 1万+
CSS两种设置透明度方式： opacity :设置背景透明度 rgba():设置颜色透明度 1.opacity 属性的效果是给背景颜色添加透明度，取值范围是0~1， 但也会让处于背景颜色中的字体一同透明， 单用效果很好 2.rgba（）： R：红色值。正整数 （0~255） G：绿色值。正整数 （0~255） B：蓝色值。正整数（0~255） A：透明度。取值0~1之间 rgba（）也可以添加背景颜色和透明度，但这个透明效果并不会影响到 其他元素，比如文字 两种透明效
<hr/>标签的属性及样式
onlyaisha的专栏
06-25 5890
用简单的“hr”语句就能实现多样化的分割效果： 最基本的：。其中 width 规定线条的长度，还可以是百分比；color 表示颜色，size 表示厚度；align 规定线条位置，有left、right、center；noshade 表示是否有立体效果。 　　两头渐变透明： -------------------------------------------------------
透明度标签、html透明度
weixin_30595035的博客
07-19 969
style="opacity: 1;" 转载于:https://www.cnblogs.com/qq376324789/p/11211784.html
修改hr标签的颜色
Smile_Monica的博客
06-28 5980
之前的时候遇到线条的颜色都是直接使用div，然后使用padding属性让它和它里面的内容区分出来。今天在写的时候突然觉得如果每次都是这样的话，hr标签就会浪费掉了。于是在网上搜了一下，发现可以进行如下设置：1）不要再使用color这个属性了，而是使用background-color属性。2）因为hr标签是块级标签，所以它是有边框的，我们需要设置它自身的边框为0。3）然后定义自己的hr的高度和颜色。...
html中hr样式怎么写,HTML中的hr元素的CSS样式设置以及一些实例
weixin_35253177的博客
05-31 2119
在对html网页进行美化的时候，肯定少不了要用的hr标签进行装饰，很多人都会直接使用hr标签，但也有大部份新人只会使用hr标签，并不会对hr标签进行一些美化的操作，hr标签进过CSS样式进行美化后，也是非常好看以及百常的实用的，今天飞鸟慕鱼的小编就给大家说一说，有于对HTML中hr标签的美化以及一些实例。HTML中的hr标签HTML中的 标签在 HTML 页面中创建一条水平线。水平分隔线(hori...
html中 <hr >的几种不同的语句及效果
Yuki_lovesprogamming的博客
02-14 1118
HTML中基本的水平线 1. HTML方法 2. CSS方法 HTML中水平分割线的九种特效 1. 右边渐变透明 或 本例使用了CSS的alpha滤镜。 2. 左边渐变透明 或 3. 纺锤形 或 4. 两头渐变透明 或 5. 虚线 或
hr水平线标记属性
渐行渐远
05-10 4677
hr水平线标记属性
html中各种hr样式
热门推荐
yanqianglifei的专栏
05-06 2万+
第一种 height:2px;是hr的高度 border:none;是没有边框 border-top:2px dotted #185598;是设置横线的样式 dotted 虚线#185598 颜色 --------------------------------------------------------------
html中hr标签有哪些属性,hr标签的属性有哪些？
weixin_36035992的博客
06-04 5113
html中hr标签定义和用法：标签在HTML页面中创建一条水平线。水平分隔线(horizontalrule)可以在视觉上将文档分隔成各个部分。HTML标签实例：被水平线分隔的标题和段落：Thisisheader1Thisissometexthtml中hr标签可选的属性：tuyi.pnghtml中hr标签在网页中的用法：html中hr标签的各种样式使用：网页设计当中hr的各种样式，如果使用得当，将会...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>仓库管理系统</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>仓库管理系统</h1> <form> <label>仓库名称:</label> <input type="text" id="name"> <label>库存数量:</label> <input type="number" id="quantity"> <button type="button" onclick="addWarehouse()">添加仓库</button> <button type="button" onclick="updateWarehouse()">更新仓库</button> <button type="button" onclick="deleteWarehouse()">删除仓库</button> </form> <hr> <h2>仓库列表</h2> <ul id="warehouseList"></ul> <script src="script.js"></script> </body> </html>给这段代码添加注释
05-31
-- 水平分割线 --> <hr> <!-- 二级标题 --> <h2>仓库列表</h2> <!-- 用于显示所有仓库信息的无序列表 --> <ul id="warehouseList"></ul> <!-- 引入 JavaScript 文件 --> <script src="script.js"></script> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值