css实现线条两边细中间粗

.line{width: 140px;height: 1px;background: -webkit-linear-gradient(left, rgb(12, 25, 69) -4%,#9adfef 50%,rgb(12, 25, 69) 100%);
}

效果如下：

css实现线条两边细中间粗相关推荐

在html中加粗字体的文本链接,css如何设置超链接字体加粗效果
css如何设置超链接字体加粗效果发布时间:2020-11-18 10:23:39 来源:亿速云阅读:140 作者:小新小编给大家分享一下css如何设置超链接字体加粗效果,希望大家阅读完这篇文章后 ...
双粗虚线中间一条实线_马路上实线两边有很粗的虚线（中间实线或虚线两边还有很粗的虚线是啥意思）...
道路交通标线:中间白虚线,两边方格子是什么意思? 在桥梁和山路的上下坡及转弯位置,通常会设置一种形似拉链的标线,这种标线名为减速提示标线.其由中间部分的白色虚线(或实线)和两侧的白色实心方格组成,目的 ...
CSS实现文字两边横线,CSS实现文字两边线条
先看效果,其他方式登陆两边各有一条横线代码如下,用的是scss语法: uniapp中,如果是普通的html,将view替换成div即可. <view class="other-log ...
css线条渐变，线条两边向中间渐变, 中间向两边渐变
1. 效果图 2. 代码 <!DOCTYPE html> <html><head><meta charset="UTF-8">< ...
在html css中加粗显示,在CSS里面如何实现字体加粗
在word里面实现文字加粗是一件轻而易举的事.我们直接点击加粗按钮就可以完成.但是在css里面没有加粗按钮呀,那么如何实现字体加粗呢?下面小编向大家简单介绍一下. 1.使用font-weight属性 ...
css就近原则_细品100道CSS知识点（上）「干货满满」
作者:hh_phoebe 转发链接:https://juejin.im/post/5ee0cf335188254ec9505381 目录细品100道CSS知识点(上)[干货满满]本篇细品100道C ...
css 透明叠加_细品CSS（二）
写在前面CSS盒子模型与怪异盒模型盒子模型(Box Modle)可以用来对元素进行布局,包括内边距,边框,外边距,和实际内容这几个部分. 盒子模型分为两种第一种是W3c标准的盒子模型(标准盒模型) ...
css 文字中间两边横线
先看效果图开始的时候两边的横杠我是用了两个标签去写的,现在想想这个写法好low,无脸面对各位前端同胞现在有更简单的方法,来,直接贴代码: .footer {width: 100%;height: ...
css 实现四个角加粗
CSS 实现四角加粗 <div class="border_style"><div class="main"><span>& ...

css实现线条两边细中间粗

效果如下：

css实现线条两边细中间粗相关推荐

最新文章

热门文章