CSS实现中间粗两头细的线条

如图：用CSS实现中间粗两头细的线条，项目需要，更多的时候，可以用一像素的背景图片来代替。

demo如下：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.box{width:100%;height:2px;background: -webkit-linear-gradient(left, #fff -4%,#2473fb 50%,#fff 100%);}</style>
</head>
<body>
<div class="box"></div>
</body>
</html>

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，文艺与代码齐飞，魅力与智慧共存的程序媛一枚。

CSS实现中间粗两头细的线条相关推荐

在html css中加粗显示,在CSS里面如何实现字体加粗
在word里面实现文字加粗是一件轻而易举的事.我们直接点击加粗按钮就可以完成.但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下. 1.使用font-weight属性 ...
css b加粗怎么用,CSS去掉b加粗和strong加粗标签样式.doc
CSS去掉b加粗和strong加粗标签样式 DIVCSS5教大家如何使用DIV+CSS去掉html中b加粗和strong加粗样式 1.使用CSS样式属性单词: font-weight 2.语法去掉对 ...
AAAI 2023 | CF-ViT：由粗到细的两阶段动态推理架构
©作者 | 陈锰钊单位 | 厦门大学研究方向 | 模型压缩与加速此文章介绍刚被 AAAI 2023 会议接收的动态 ViT 论文 CF-ViT: A General Coarse-to-Fine ...
产生粗体字的html标签,html字体加粗用css设置文字粗体样式
html如何加粗文字,HTML加粗标签元素有哪些?CSS字体加粗又怎么来实现?粗体代码是什么? 综合以上问题,可以使用CSS样式和HTML标签两种方法来实现,在实际布局时候根据需要来选择文字字体加粗方 ...
FYD-Focus Your Distribution-关注你的分布：异常检测和定位的从粗到细的非对比性学习-FYD
论文翻译: Focus Y our Distribution: Coarse-to-Fine Non-Contrastive Learning for Anomaly Detection and Lo ...
湖南大学计算机软件开发毕业论文,湖南大学研究生学位论文_学位论文各页均加页眉,在版心上边线隔一行1 5磅的加粗、细双线(粗线在上),其上居_东城文库...
以下为<湖南大学研究生学位论文>的无排版文字预览,完整格式请下载下载前请仔细阅读文字预览以及下方图片预览.图片预览是什么样的,下载的文档就是什么样的. 湖南大学研究生学位论文撰写规范 ...
css实现子元素两头对齐
###css实现子元素两头对齐如何简单快速的实现css两头对齐 <style> .divCss{text-align: justify; text-align-last: justify ...
【论文翻译】Coarse-to-Fine Question Answering for Long Documents 从粗到细的长文章问答
从粗到精的长文章问答论文原文:https://github.com/Alvin-Leee/Greedy_NLP/tree/master/Papers 第一次见的机构 XIX.ai 一家主要做ML和C ...
AAAI 2023｜CF-ViT：由粗到细的两阶段动态推理架构
作者 | ChenMnZ 编辑 | 极市平台原文链接:zhuanlan.zhihu.com/p/585108361 点击下方卡片,关注"自动驾驶之心"公众号 ADAS巨卷干货, ...

CSS实现中间粗两头细的线条

CSS实现中间粗两头细的线条相关推荐

最新文章

热门文章