BORDER 颜色渐变

最新推荐文章于 2024-08-14 13:50:25 发布

后台模板学习

最新推荐文章于 2024-08-14 13:50:25 发布

阅读量731

点赞数

分类专栏：编程

原文链接：http://www.jiucaihua.cn/news/show-18645.html

版权

编程专栏收录该内容

11 篇文章 0 订阅

订阅专栏

虚线渐变

    <style>
.box {
   border-bottom: 2px dashed #fff;
   border-right: 2px dashed #fff;
   background: linear-gradient(to right, rgb(0, 255, 127),rgba(26, 115, 232, 0.953));
   background-origin: border-box;
}
.content {
   background-color: #fff;
}
    </style>
    <div class="box">
   <div class="content">报名方式</div>
</div>

实线渐变

border-width: 1px 0px 0px 10px; border-style: solid; border-color: rgb(0, 255, 127); 
border-image:linear-gradient(to right,rgb(0, 255, 127),rgba(26, 115, 232, 0.953)) 1 10;

文章转载自 http://www.jiucaihua.cn/news/show-18645.html