【css】样式

转载于 2019-09-26 22:05:00 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yuanjili666/p/11594831.html

本文介绍了几种CSS技巧，包括背景颜色渐变的实现方式、滚动条的隐藏方法、使用flex属性让弹性盒元素平分空间、设定文字自动换行及首行缩进的方法。

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

1、背景颜色渐变情况

background: linear-gradient(to left,#FA4DBE 0,#FBAA58 100%);
border-bottom-color: transparent;
padding: 8px 10px

2、滚动条的出现

.nav_lf{
    width:0.8rem;
    background:#F4F4F4;
    height:100%;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index:0;
  
}

3、如何让弹性盒平分大小通过设置flex 为 1 来实现（当然也可以设置width占总的百分比的）

4、设置文字自动换行，需要设定包裹它的容器宽度

5、 text-indent 设置首行文字缩进

转载于:https://www.cnblogs.com/yuanjili666/p/11594831.html

【css】 样式

【css】样式