css3

121 阅读1分钟

1渐变:

1.1线性渐变y

baground:inlera-geadient(to (bootom),red,green,blue); 从上往下 to 哪里到哪里

1.2径向渐变x

background:radial-gradient(red 5%,green 30%,blue 60%);

2文字属性

div{
        width: 300px;
        line-height: 30px;
        border:1px solid red;
        margin:50px auto;
        overflow: hidden;/* 溢出隐藏*/
        text-overflow: ellipsis;/* 超出的文本用省略号来表示 */
        white-space: nowrap;/* 文本不会换行,在同一行继续 * }
        
        

3.边框圆角:

border-radiu:()()()()

  1个值:表示设置四个角
  2个值: 表示设置对角(对角的顺序为 顺时针:先左后右
  4个值:表示分别设置