web文本框和按钮不对齐现象(高度得设置一样)

本文介绍了CSS中的用户界面属性,包括如何使用outline清除和设置输入框的轮廓线,使元素更加突出。同时,讨论了textarea的resize属性,允许用户自定义文本域的大小。此外,还探讨了cursor属性,用于定制鼠标指针在元素上的形状,以提升用户体验。
摘要由CSDN通过智能技术生成

 

CSS 用户界面属性

轮廓线

概述:轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。

输入框边缘外的线

outline简写

  • 在一个声明中设置所有的轮廓属性。

  • 可以设置的属性分别是(按顺序): outline-color, outline-style, outline-width

  • 说明:

    • 轮廓样式 outline-style

    • 轮廓颜色 outline-color

    • 轮廓宽度 outline-width

    • 语法:空格隔开

  • 取值:参考边框

  • 清除设置 input ,textarea的轮廓线

     input, textarea {
                /* 清除轮廓线 */
                outline: none;
                /* 设置轮廓线  */
                outline: 1px solid red;
            }

用户界面

1)文本域的resize属性:用户是否可以对元素尺寸进行调整

  • resize: none; 不允许用户手动调整元素的尺寸

  • resize: both; 用户可以调整元素的宽度和高度

  • resize: horizontal; 用户可以调整元素的宽度

  • resize: vertical; 用户可以调整元素的高度

CSS 鼠标样式

通过在CSS中,cursor属性指定鼠标指针放在一个元素边界范围内时所用的光标形状

  • 常用值

    • 默认值:auto

    • default 通常是一个箭头

    • text 显示为光标

    • pointer 光标呈现为指示链接的指针(一只手)

    • move 此光标指示某对象可被移动。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值