网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何使用CSS3中的样式属性控制label标签宽度

时间:2024-10-15 17:24:55

1、第一步,双击打开HBuilder编辑工具,新建一个静态页面label.html,使用HTML5模板,如下图所示:

如何使用CSS3中的样式属性控制label标签宽度

3、第三步,利用元素选择器设置input输入框的样式,如宽度、高度、背景渐变等,如下图所示:

如何使用CSS3中的样式属性控制label标签宽度

5、第五步,如果想要将label和input元素之间的间距拉大,直接定义label元素的宽度,结果发现不起作用,如下图所示:

如何使用CSS3中的样式属性控制label标签宽度
© 一点知道