css 渐变色横线竖线

_大菜鸟_

已于 2023-08-14 16:17:44 修改

阅读量2.1k

点赞数 3

文章标签： css vue.js 1024程序员节

于 2020-10-22 19:45:10 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46463643/article/details/109228718

版权

本文介绍了如何利用CSS实现渐变效果的横线和竖线，包括HTML结构和CSS样式代码，最终展示了一种美观的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

渐变横线竖线

html

<template>
  <div class="login">
    <div class="boxs">
      <div class="boxx"></div>
      <div class="child">
        <div class="left"></div>
        <div class="right"></div>
      </div>
      <div class="box"></div>
      <div class="child">
        <div class="left"></div