比较实用的CSS控制连接颜色效果

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>比较实用的CSS控制连接颜色效果</title>
<style>
<!--
body { font-family: Tahoma; font-size: 8pt }
.leftmenu {
width:150px;
}
.leftmenu li {
display: inline;
white-space: nowrap;
}
.leftmenu span,
.leftmenu a:active,
.leftmenu a:visited,
.leftmenu a:link {
display: block;
text-decoration: none;
margin: 6px 10px 6px 0px;
padding: 2px 6px 2px 6px;
color: #00527f;
background-color: #d9e8f3;
border: 1px solid #004266;
}
.leftmenu a:hover {
color: red;
background-color: #8cbbda;
}
.leftmenu span {
color: #a13100;
}
-->
</style>
</head>
<body>
</head>
<ul class="leftmenu">
<li><a target="_blank" href="http://www.balijieji.com">www.balijieji.com</a></li>
<li><a target="_blank" href="http://www.balijieji.com">演示按钮</a></li>
</ul>
</body>
</html>

时间: 2024-10-07 06:02:25

比较实用的CSS控制连接颜色效果的相关文章

实用js+css多级树形展开效果导航菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jQuery事件 mouseover方法与mouseout方法实现鼠标移进显示移出消失的效果 (css控制span标签)

<script> $(function(){ var text ; $(".pos span").each(function(){ text = $(this).text().trim(); if(text=="设为默认"){ $(this).css('display','none'); } }); $(".pos").mouseover(function(){ //鼠标移进显示效果 text = $(this).find('span

用css控制段落

网页要求:两个段落  第一个段落有一句话为红色 另一整个段落文字颜色为蓝色  一个有上划线一个有下划线 段落前空两格 前面一段文字之间的间隔为5px,后面一段文字之间间隔为10px;两个段落文本方向相反. <html> <head> <title>用css控制段落</title> <style> #test1{ text-indent:40px; text-align:left; letter-spacing:5px; text-decorati

css设置滚动条颜色与样式以及如何去掉与隐藏滚动条

我们大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,于是本人搜集整理一番,这里和大家分享一下使用CSS设置滚动条颜色以及如何去掉滚动条的方法,需要的朋友可以参考下,很有用的 1 div { 2 scrollbar-face-color: #fcfcfc; 3 scrollbar-highlight-color: #6c6c90; 4 scrollbar-shadow-color: #fcfcfc; 5 scrollbar-3dlight-color:

偏门却又实用的 CSS 样式

偏门却又实用的 CSS 样式 2017-05-18 web前端开发 今天跟大家说一些偏门一点的 CSS 样式.技巧.什么是偏门?就是有些片段很少使用,时间久了就记不起来,但用的时候又要去找,所以这里为大家整理一些少用但又实用的 CSS 样式. ::-Webkit-Input-Placeholder input 的 H5 placeholder 属性,很好用,但不能直接改这个文字颜色,所以目前的解决方法就是用::input-placeholder属性来改. 小Tips: 配合 opacity 属性

HTML学习笔记7——CSS控制文字的一些基本属性的使用

CSS控制文字的一些基本属性的使用: 一.CSS控制段落: 段落缩进:text-indent:20px; 文字方向:text-align:center; 文字修饰:text-decoration:underline:下划线 overline;上划线 Line-though;删除线 字与字之间的距离:letter-spacing:10px; ……(还有很多属性,可通过查找手册了解相关知识) 二.CSS控制字的大小字体及颜色 字体的颜色:color:blue:蓝色 斜体效果:font-style:i

15个实用的CSS在线实例教程

前端技术可以说是必须学习的一个技术,现在做网站都需要懂DIV.CSS,在国内很多企业招网页设计师都要求会写基本的前端代码,所以前端技术是 必须了解的,对网页设计师本身也有帮助,今天向大家推荐一些不错的实用CSS教程,学习这些可以提高自己的CSS技能,了解一些新的好用的用法,在日后项 目也许会用上. 用CSS背景给SVG上色 有关SVG图像.css mask.给背景SVG添加颜色等一些用法. 查看教程 CSS 网球 使用CSS绘制一个立体感网球. 查看教程 实用的CSS视域单位 CSS新增的视域单

js和css控制鼠标略过和点击后的样式

点击链接加入群[JavaEE(SSH+IntelliJIDE+Maven)]:http://jq.qq.com/?_wv=1027&k=L2rbHv 一.js和css控制鼠标略过和点击后的样式 [html] view plaincopy <script language="javascript"> document.onreadystatechange=function()     //当页面状态改变时执行函数 { if(document.readyState ==

CSS控制,使用图片作为序列标记

今天看以前写的网页设计作业,看见要将图片作为项目标记显示,而我居然使用的是背景图片插入完成了这一效果,觉得我当时的脑回路也是蛮神奇的,现在总结实现的方法,也让自己加深印象吧! 实现效果: 方法一:自然是使用list-style-image属性 #mainContent>li{ list-style-image:url(bullet_blue.png); } 这个方法用css控制,也比较简单,可是我觉得要给每个标题都添加<li>标记,特别麻烦.后面的有序列表部分不用实现用图片作为标记,选择