溢出(height)隐藏 和边框,边框阴影

本文介绍了CSS中关于溢出隐藏的几种方式,包括overflow的hidden、visible、scroll和auto属性,以及如何使用overflow:hidden实现高度自动增加和清除浮动。此外,还详细讲解了边框倒角border-radius的用法,从单值到多值的设置,并提到了边框阴影box-shadow的属性,如h-shadow、v-shadow、blur、spread、color和inset,以及如何创建彩色四边阴影。
摘要由CSDN通过智能技术生成

4.溢出
溢出作用(height):
overflow/overflow-x/overflow-y:hidden; 溢出隐藏
overflow:visible; 溢出不隐藏(默认)
overflow:scroll; 必须出滚动条,xy轴
overflow:auto; 自动出滚动条
自动增高作用(清除浮动):
overflow:hidden;
5.边框倒角
border-radius
1个值: 1234
2个值: 13 24
3个值: 1 24 3
4个值 1 2 3 4

单独定义
border-top-left-radius:边框左上角
border-top-right-radius:边框右上角
border-bottom-left-radius:边框左下角
border-bottom-right-radius:边框右下角

6.轮廓
outline:0; 取消input的高亮蓝边
7.边框阴影(6)
box-shadow:向方框添加一个或多个阴影
取值为多个属性值的列表
box-shadow:h-shadow v-shadow blur spread color inset(内部阴影);
其中
h-shadow:必须,为水平阴影的位置
v-shadow:必须,为垂直阴影的位置
blur:可选,为模糊程度
spread:可选,为阴影的尺寸
color:可选,为阴影的颜色
inset:可选,将外部阴影(outset)改为内部阴影

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值