2022-04-09 17:39:38
335
一、网站建设基础3—:表格与表单/会使用css3设置样式
二、学习目的
1、会使用HTML的基本标签,创建简单的HTML静态页面。
2、会使用表格标签布局
3、会使用表单元素实现注册页面
4、会使用css3设置样式
三、仪器设备(含软件)计算机、Sublime text 3
四、实验步骤:
1. 编写HTML内容,其中包含两个div,个放文字,浮动与左边。第二个放表单,浮动与右边。
2. 表单使用表格布局,目的是看着整齐。
3. 表单中包含文本框、单选按钮、下拉菜单、日期、数字输入框、多选按钮和文本域。最后一行合并单元格并居中显示,放置两个按钮即可。
4. 为文本框添加提示信息的属性。单选按钮默认选择男,代码如下:
样式设置如下:
背景图片自动占满屏幕
表单加内阴影,圆角并绝对定位到右上角
最终效果如图所示:
欢迎关注网站建设基础学习3,有任何问题请随时联系顺晟—北京网站建设公司客服~
09
1972-02
14
1991-01
08
1972-02
09
1970-01
28
1990-12
02
2022-09