步骤1 将光标放至“关于我”表格的末尾处,点击插入表格,在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“4,2,260”,“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0,0,0”,单击【确定】按钮,完成表格的插入,然后在表格id中输入login,如图5-2-38所示。
图5-2-38 表格【属性】面板
步骤2 点击CSS样式面板中的“新建CSS规则”,设置字体大小为 12px,背景颜色为#FFF,下内边距为10px,左内边距为20px,上外边距为20px,下外边距为20px,左外边距为20px,如图5-2-39所示。
图5-2-39 【#login CSS规则定义】对话框
步骤3 拖动鼠标选中第一行两个单元格,右键【表格】——【合并单元格】,输入“用户登录”,然后拖动鼠标选中“用户登录”,设置其文本格式为标题3(h3),再拖动鼠标选中login表格中所有单元格,设置单元格高度为30px。
步骤4 在第二行第一个单元格中输入“用户名:”,光标放在第二个单元格点击【插入】——【表单】——【文本域】,如图5-2-40所示。同样在第三行第一个单元格输入“密码:”,第二个单元格插入文本域,文本域类型设置为密码,如图5-2-41所示。
步骤5 拖动鼠标选中第一行两个单元格,右键【表格】——【合并单元格】,然后点击【插入】——【表单】——【按钮】,如图5-2-42所示,鼠标选中按钮,在属性面板中,修改值为“登录”,如图5-2-43所示。同样再次插入按钮,修改其值为“注册”。
步骤6 光标放在“注册”按钮后面,然后输入“忘记密码”,拖动鼠标选中“忘记密码”,在其属性面板中,链接填入#,最终效果如图5-2-44所示。
图5-2-40 插入文本域
图5-2-41 文本域【属性】面板
图5-2-42 插入按钮(www.xing528.com)
图5-2-43 按钮【属性】面板
图5-2-44 效果图
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。