Day12 CSS盒子属性
作者:互联网
盒子模型:
box-sizing: content-box; 调整 padding 时会向外扩展,不太适合用来布局(默认)
box-sizing: border-box; 调整 padding 时会向内扩展,不改变整个盒子的大小,比较适合用来布局(内容空间会被压缩)
以上两者在调整 margin 时都会向外扩展.
盒子阴影设置:
box-shadow: 水平阴影 垂直阴影 模糊距离 阴影尺寸 阴影颜色 内/外阴影;
和文字的 shadow 是很像的.
鼠标变化:
cursor 属性: 一般是放在带 hover 的伪类选择器中
cursor: pointer; 此时鼠标移到有属性的物体上时会出现点击小手的情况
cursor: url(./images/123.jpg),auto; 此时小手移到物体上时鼠标会变成准备好的一张图片.
标签:box,盒子,鼠标,阴影,cursor,Day12,时会,CSS 来源: https://www.cnblogs.com/br0sy/p/16348645.html