积累常用css

1、封面文字,垂直居中,可以两列并排

    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 20px;
    display: block;
    word-wrap: break-word;
    writing-mode: vertical-lr;
    height: 160px;
    margin: 0 auto;

2、宽border效果

.dashed-box {

  1. margin: 80px 0 40px 0;
  2. width: 100%;
  3. display: inline-block;
  4. background-image: linear-gradient(to right, #979797 65%, rgba(255, 255, 255, 0) 20%);
  5. background-position: bottom;
  6. background-size: 10px 1px;
  7. background-repeat: repeat-x;

}

相关推荐

  1. python 功能积累

    2024-06-09 01:42:02       26 阅读
  2. Linux -- 命令积累

    2024-06-09 01:42:02       15 阅读
  3. CSS技巧

    2024-06-09 01:42:02       27 阅读
  4. sql函数积累(非窗口函数)

    2024-06-09 01:42:02       30 阅读
  5. 前端js、css效果

    2024-06-09 01:42:02       31 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-09 01:42:02       8 阅读
  2. 【Python教程】压缩PDF文件大小

    2024-06-09 01:42:02       9 阅读
  3. 通过文章id递归查询所有评论(xml)

    2024-06-09 01:42:02       10 阅读

热门阅读

  1. 【C/C++】相机标定

    2024-06-09 01:42:02       8 阅读
  2. ffmpeg视频编码原理和实战-(4)H264原始码流分析

    2024-06-09 01:42:02       7 阅读
  3. MATLAB 匿名函数

    2024-06-09 01:42:02       5 阅读
  4. GPT-4o的崛起:人工智能新纪元的开端

    2024-06-09 01:42:02       5 阅读
  5. 一千题,No.0049(跟奥巴马一起编程)

    2024-06-09 01:42:02       9 阅读
  6. 一些关于机器学习的思路和猜测

    2024-06-09 01:42:02       7 阅读
  7. Python代码——压缩整个文件夹

    2024-06-09 01:42:02       6 阅读
  8. rust结构体

    2024-06-09 01:42:02       6 阅读