2.15-CSS基础--vertical-align垂直对齐、光标类型、边框圆角

1.垂直对齐方式

vertical-align 属性设置一个元素的垂直对齐方式。

属性值	效果
baseline	默认，基线对齐
top	顶部对齐
middle	中部对齐
bottom	底部对齐

什么时基线对齐？

2.光标类型

• 场景：设置鼠标光标在元素上时显示的样式
• 属性名：cursor
• 常见属性值：

属性值	效果
default	默认值，通常是箭头
pointer	小手效果，提示用户可以点击
text	工字型，提示用户可以选择文字
move	十字光标，提示用户可以移动

3.边框圆角

• 场景：让盒子四个角变得圆润，增加页面细节，提升用户体验
• 属性名：border-radius
• 常见取值：数字＋px、百分比
• 原理：
• 赋值规则：从左上角开始赋值，然后顺时针复制，没有赋值的看对角