Html 如何使用css更改链接颜色
这是我的HTMLHtml 如何使用css更改链接颜色,html,css,colors,Html,Css,Colors,这是我的HTML .header\u菜单{ 列表样式:无; 列表样式类型:无; 保证金:0; 填充:0; 溢出:隐藏; 最大宽度:100%; 位置:固定; } .标题\菜单\选项{ 显示:内联块; 字体大小:30px; 字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线; 填充:10px; 颜色:黑色; 颜色:继承; } .标题\菜单\选项a:链接{ 文字装饰:无; } 您需要在a标签中添加颜色,默认情况下a标签颜色为蓝色 .header\u菜单{ 列表样式:无
.header\u菜单{
列表样式:无;
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
最大宽度:100%;
位置:固定;
}
.标题\菜单\选项{
显示:内联块;
字体大小:30px;
字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线;
填充:10px;
颜色:黑色;
颜色:继承;
}
.标题\菜单\选项a:链接{
文字装饰:无;
}
您需要在a
标签中添加颜色,默认情况下a标签颜色为蓝色
.header\u菜单{
列表样式:无;
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
最大宽度:100%;
位置:固定;
}
.标题\菜单\选项{
显示:内联块;
字体大小:30px;
字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线;
填充:10px;
颜色:黑色;
颜色:继承;
}
.标题\菜单\选项a{
颜色:红色
}
.标题\菜单\选项a:悬停{
颜色:黑色;
}
.标题\菜单\选项a:链接{
文字装饰:无;
颜色:黑色;
}
你可以在课堂上使用这种颜色
.header_menu__option a:link {
text-decoration: none;
color:blue;
}
试试这个:
.header_menu__option a {
text-decoration: none;
color: green !important;
transition: 0.3s;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
}
.header_menu__option a:hover {
color: red !important;
}
}
我想你已经访问或点击了链接。尝试添加伪类。不要覆盖现有的css,将其添加为元素的新样式。其他一切都很好,只需将类css作为
编写即可。标题菜单选项a{}
无需编写链接
.header\u菜单{
列表样式:无;
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
最大宽度:100%;
位置:固定;
}
.标题\菜单\选项{
显示:内联块;
字体大小:30px;
字体系列:“世纪哥特式”,世纪古色古香,AppleGothic,无衬线;
填充:10px;
颜色:黑色;
颜色:继承;
}
.标题\菜单\选项a{
文字装饰:无;
颜色:红色;
}
这与标签链表
无关。远离的。
.header_menu__option :visited {
display: inline-block;
font-size: 30px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
padding: 10px;
color: black;
color: inherit;