13-vertical-align、光标类型、边框圆角、

50 阅读1分钟

1.垂直对齐方式

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

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

什么时基线对齐? 在这里插入图片描述

chrome_supUgmBlhP.png

2.光标类型

  • 场景:设置鼠标光标在元素上时显示的样式
  • 属性名:cursor
  • 常见属性值:
属性值效果
default默认值,通常是箭头
pointer小手效果,提示用户可以点击
text工字型,提示用户可以选择文字
move十字光标,提示用户可以移动

3.边框圆角

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

在这里插入图片描述