Web前端开发 课件 7.3 让表单页面更美观.pptx

静态网页设计

第七章交互接口——表单

让表单页面更美观

1页面布局标记美化2

页面布局01剪辑：间隔板

页面布局Div层级设计+CSS布局排版

页面布局Div层级设计+CSS布局排版

页面布局Div层级设计+CSS布局排版

网格布局弹性布局浮动布局定位布局……页面布局Div层级设计+CSS布局排版

标记美化02剪辑：间隔板

页面布局给控件设置id或class属性，定义某一个或几个控件的显示外观常用的外观设置属性有：宽、高、背景、字体等

后期剪辑：表单标记属于行内块标记，前面学过的对HTML元素标记的常用样式修饰这里都可使用。想灵活运用需要多练习、思考自己想一想，动手试一试下面表单项样式控制……