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

css渐变间隔线

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

效果如下图

完整代码 

<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>


 


扫码添加技术微信【解决问题，仅需10元起】

专注中小企业网站建设、网站安全15年。
熟悉各种CMS，精通PHP+MYSQL、HTML5、CSS3、Javascript等。
承接：企业仿站、网站修改、网站改版、BUG修复、问题处理、二次开发、PSD转HTML、网站被黑、网站漏洞修复等。
专业解决各种疑难杂症，您有任何网站问题都可联系我们技术人员微信。
➥ 可淘宝担保交易，安全无风险

上一篇：pbootcms后台编辑器保存不了div的问题解决方法

下一篇：pbootcms网站突然变的很慢

广告
广告

相关文章

栏目分类

本栏推荐

pbootcms全国多城市网点筛选查询插件 适用于经销商查询，分店查询，售后服务站查询
技术微信