html/css/javascript您现在的位置是：主页 > html/css/javascript >

css渐变间隔线

2023-04-20 09:53:50html/css/javascript 216人已围观

效果如下图

完整代码

<style>
.shuxian{width: 1px;height: 350px;background: linear-gradient(180deg, rgba(218,219,221,0) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(218,219,221,0) 100%);}
.hengxian {height: 1px;width:200px;background: linear-gradient(90deg, rgba(229,232,237,0) 0%, rgba(0,0,0,0.5) 10%, rgba(0,0,0,0.5) 90%, rgba(229,232,237,0) 100%);}
</style>
<div class="shuxian"></div>
<div class="hengxian"></div>

专注中小企业网站建设，网站安全15年，熟悉各种CMS建站系统，善于解决各种网站疑难杂症。

承接PHP仿站，网站模板制作，网站修改，网站改版，二次开发，网站安全，服务器安全，网站被黑修复，网站漏洞修复等......

有需要请联系下方微信，解决问题仅需￥10 元起！