网页制作中如何用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
  • 热门搜索
    担担面怎么做 淘宝怎么上架商品 怎么制作课件 马占山简介 产后怎么减肥 怎么扫描二维码 正定古城游玩攻略 蝎子蛰了怎么办 怎么用照片制作视频 恩格斯简介