FrontPage2002简明教程五:css样式表的应用(2)
来源:赛迪网 时间:2008-09-17 11:31:00
二、内含式样式表的使用
下面就以修改美化一个搜索框为例,给大家介绍一下内含式样式表的使用。
现在就开始我们的美化之路。打开FrontPage 2002,新建页面。插入WEB组件中的搜索框。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框,然后点击右键,选择表单域属性,出现文本框属性。
然后点击“样式”,接着选择格式中的边框按钮,出现边框与阴影对话框。
因为要保持表格的统一,我们在“设置”中选择“自定义”,然后选择“样式”中的“实线”。最重要的就是应用边框的设置。点击方框,四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一,这里的宽度也选择为“1”,然后“确定”。
接着用鼠标左键选中搜索按钮,点鼠标右键,选择“超链接属性”就会出现窗口。
选择“样式”按钮,再选择编号方式,再选择“浏览”插入任何美观的搜索图片。
用鼠标左键选中页面中的搜索帮助四个字,然后再点击右键,选择“网页属性”,弹出Windows窗口。
选择“背景”选项,然后选中“启用超链接翻转效果”,然后点“翻转样式”弹出新的Windows窗口。
图5.3
在这里我们可以一目了然地设置要实现的翻转效果。为了突出“搜索帮助”四个字,我们把字体设置成12pt,这样当鼠标放上去的时候,字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框。
图5.4
XP的新功能:可选的超链接或 CSS 格式让用户能够格式化超链接和其他 CSS 格式的文本。例如,如果用户不想让超链接有下划线,他们可以像对其他任何文本一样突出显示该超链接,并单击“下划线”按钮。>该功能通过能够智能解释使用或要求级联样式表的文本的复杂技术来实现,并且让用户能够使用 WYSIWYG(所见即所得)按钮和菜单项来编辑该文本。
§ 在 FrontPage 中创建超链接(键入某些文本,选中它,并单击超链接按钮,然后链接到想要的任何页)。
§ 右键单击该超链接,然后单击工具栏中的下划线按钮以删除下划线。还可以将超链接格式的任何部分更改为需要的格式。再次选中文本,单击加粗按钮,然后使字体大小变大。通过将鼠标指针指向超链接并单击“Ctrl +单击”,以测试超链接(连载)。
阅读下一篇:FrontPage2002简明教程六:图片库