网页制作中如何用css样式为导航条设置链接样式

 时间:2024-10-12 08:43:25

1、点击新建css规则,打开新建css样式对话框,在选择器类型中选择复合,在名称中选a:link,这就是链接样式。

网页制作中如何用css样式为导航条设置链接样式
网页制作中如何用css样式为导航条设置链接样式

2、在定义css规则对话框中修改链接样式,比如没有下滑线,文本颜色为白色。

网页制作中如何用css样式为导航条设置链接样式

3、一般链接访问后,文本也会出现下划线等样式,在这里也可以修改,点击新建css规则,选择器为复合,在名称中选择a:visited。

网页制作中如何用css样式为导航条设置链接样式

4、设置下滑线为none,设置背景为白色,这样访问后的文本链接样式就改变了。

网页制作中如何用css样式为导航条设置链接样式

5、设置鼠标经过时的样式,点击新建css规则,选择器类型为复合,选择器名称为a:hover,这就是设置链接高亮设置,

网页制作中如何用css样式为导航条设置链接样式

6、设置其背景颜色。这样鼠标经过这个有链接的栏目时,文本自动变色。

网页制作中如何用css样式为导航条设置链接样式
网页制作中如何用css样式为导航条设置链接样式

7、还可以利用方框来控制变色的区域大小,选择编辑css样式,选择方框,在填充内按照需要填入数值。

网页制作中如何用css样式为导航条设置链接样式
网页制作中如何用css样式为导航条设置链接样式
  • 怎样利用html、css制作简单的网页
  • 静态网页跟动态网页有什么区别
  • 如何制作一个自己的网页
  • DW如何进行保存文件
  • 怎么写横向导航用css
  • 热门搜索
    中国神话故事手抄报 清明节手抄报题目 红五月手抄报 五一手抄报内容大全 与法同行手抄报 喜迎国庆手抄报 元旦手抄报的内容 珍爱生命手抄报资料 福娃过大年手抄报 安全法制手抄报内容