这是一个网站样式的示例
介绍
这个示例网站使用了一种简洁、现代的CSS样式,包括颜色、文本装饰和鼠标悬停效果等。它适用于需要展示内容和引导用户操作的设计。
CSS代码块
以下是生成的CSS代码:
a{
color: #1677ff;
text-decoration: none;
background-color: transparent;
outline: none;
cursor: pointer;
transition: color 0.3s;
-webkit-text-decoration-skip: objects;
}
a:hover{
color: #69b1ff;
}
a:active{
color: #0958d9;
}
a:active, a:hover{
text-decoration: none;
outline: 0;
}
a:focus{
text-decoration: none;
outline: 0;
}
a[disabled]{
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
}
这段代码定义了一组链接的样式规则。每个链接都具有蓝色的文本颜色,无下划线和背景色。当鼠标悬停在链接上时,文本颜色变为亮蓝色。当链接被点击并处于活动状态时,文本颜色变为深蓝色。同时,链接在聚焦和禁用状态下也有相应的样式变化。