大学课程《Web前端开发与应用教程》PPT教学课件：项目七任务4 CSS控制表单样式.pptxVIP

项目7表格与表单·表格样式的控制·表单样式的控制·表格标记·表单的相关标记HTML

?学习目标理解表格的创建1熟悉表单样式的控制42掌握表格样式的控制理解掌握熟悉掌握3掌握表单相关标记

任务四CSS控制表单样式

因此在网页设计时，使用CSS可以轻松地控制表单控件的样式，主要体现在控制表单控件的字体、边框、背景和内边距下面，将针对CSS控制表单控件的相关知识进行详细讲解。4.1CSS控制表单样式

使用CSS可以轻松地控制表单控件的样式，主要体现在控制表单控件的字体、边框、背景和内边距等。CSS控制表单样式4.1CSS控制表单样式

运行效果如图所示:

[点击操作演示]上面使用CSS，轻松实现了对表单控件的字体、边框、背景和内边距的控制。4.1CSS控制表单样式

由于form是块元素，重置浏览器的默认样式时，需要清除其内边距padding和外边距margin使用input/标记定义各种按钮时，通常需要清除其边框通常情况下需要对文本框和密码框设置2到3像素的内边距，以使用户输入的内容不会紧贴输入框123CSS控制表单样式4.1CSS控制表单样式

ThankYou!