|
|
|
Dreamweaver网页设计:多彩文字链接(2)http://www.sina.com.cn 2006年05月17日 14:08 天极yesky
( 3 )新建并设置样式“ .t1 ”。再次单击【新建样式】按钮,在【新建 CSS 样式】对话框中点选【类(可应用于任何标签)】选项,定义自己的样式类,然后设置名称为“ .t1 ”(【名称】文本框是用来指定类的,用户可以根据需要任意填写,其格式是“ .* ”),最后点选【定义在 CSS.CSS 】,一切设置完毕后单击【确定】。接下来的设置跟第二步操作一样,然后单击【确定】,如下图所示: ( 4 )在文档窗口中输入“无下划线”字样。选中“无下划线”段落,然后打开属性设置界面,在样式列表中选择“ t1 ”,如下图所示。这样就将样式应用到所选网页元素上,读者可以保存网页文件后在浏览器中进行预览,这个时候会发现文字的大小为 12px ,而且超级链接的下划线也不见了。
综合应用上面介绍的技术,还可以创作出更复杂的文字链接样式。 ( 2 )立体四边框文字链接。在分类栏中选择“边框”,然后设置宽和高的值为 1px ,这样可以使链接文字与按钮四周有 1px 的间距,从而使四边框看起来有立体感,具体设置如下图所示:
【发表评论 】
不支持Flash
|