关注互联网应用及运维技术的个人博客

CSS用户的界面中可以选择的样式

所谓界面样式,就是更改一些用户操作样式,以便提供更好的用户体验


鼠标样式

设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状

语法:

选择器 {cursor: 属性值; }
属性值描述
default小白箭头 (默认)
pointer小手 (鼠标放在链接时鼠标样式)
move移动 (十字架)
text文本 (鼠标放在文本上时鼠标样式)
not-allowed禁止

轮廓线

元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用

给表单添加 outline: none; 样式后,就可以去掉默认的蓝色边框

语法:

选择器 {outline: value; }

防止拖拽文本域

在实际开发中,我们文本域右下角是不可以拖拽的

语法:

选择器 {resize: value;}
描述
none用户无法调整元素的尺寸
both用户可以调整元素的高度和宽度
horizontal用户可调整元素的宽度
vertical用户可调整元素的高度
赞(0)
未经允许不得转载:飞天狒狒 » CSS用户的界面中可以选择的样式

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址