<![CDATA[李勇]]> http://www.kevinliyong.com/index.php zh-cn http://www.kevinliyong.com/read.php?165 <![CDATA[下拉菜单[select]CSS样式]]> kevinliyong <kevinliyong@163.com> Thu, 31 Jul 2008 12:17:34 +0000 http://www.kevinliyong.com/read.php?165 .box{border:1px solid #C0C0C0;width:182px;height:19px;clip:rect(0px,181px,18px,0px);overflow:hidden;} .box2{border:1px solid #F4F4F4;width:180px;height:17px;clip:rect(0px,179px,16px,0px);overflow:hidden;} select{position:relative;left:-2px;top:-2px;font-size:12px;width:183px;line-height:14px;bo rder:0px;color:#909993;}
[/html]
Tags - , , ]]> http://www.kevinliyong.com/read.php?65 <![CDATA[背景图片透明,前景图片正常]]> kevinliyong <kevinliyong@163.com> Tue, 29 Jan 2008 03:33:13 +0000 http://www.kevinliyong.com/read.php?65 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>背景图片透明，前景图片正常</title>
<style type="text/css">
.alpha1{
    width:455px;
    height:265px;
    filter: Alpha(Opacity=30);
}
.ap2{
  width:200px;
  height:100px;
  position:relative;
  top:15px;
  left:15px;  
}
</style>
</head>

<body  >
<div class="alpha1" style="background-image: url('http://www.kevinliyong.com...
  <div class="ap2">
        <img src="http://www.kevinliyong.com... />
  </div>
</div>
</body>
</html>
[/html]
Tags - ]]> http://www.kevinliyong.com/read.php?43 <![CDATA[CSS定义多个链接样式]]> kevinliyong <kevinliyong@163.com> Fri, 04 Jan 2008 15:19:15 +0000 http://www.kevinliyong.com/read.php?43
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS定义多个链接样式</title>
<style type="text/css">
<!--
a:link {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}
a:visited {
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}
a:hover {
  color: #666666;
  text-decoration: none;
}

.two:link {
  font-size: 12px;
  color: #880000;
  text-decoration: none;
}
.two:visited {
  font-size: 12px;
  color: #880000;
  text-decoration: none;
}
.two:hover {
  color: #FF0000;
  text-decoration: underline;
}

.three:link {
  font-size: 12px;
  color: #0000FF;
  text-decoration: none;
}
.three:visited {
  font-size: 12px;
  color: #0000FF;
  text-decoration: none;
}
.three:hover {
  color: #00007D;
  text-decoration: none;
  top: 1px;
  position: relative;
  left: 1px;
}
-->
</style>
</head>
<body  >
<p><a href="#">这里是第一个连接的样式</a></p>
<p><a href="#" class="two">这里是第二个连接的样式</a></p>
<p><a href="#" class="three">这里是第三个连接的样式</a></p>
</body>
</html>
[/html]
Tags - , ]]> http://www.kevinliyong.com/read.php?24 <![CDATA[学习DIV+CSS[1px高的DIV]]]> kevinliyong <kevinliyong@163.com> Wed, 12 Dec 2007 13:58:25 +0000 http://www.kevinliyong.com/read.php?24 <style>
body
{background:#ccc;}
.lineTop { height:1px;background-color:#848284;width:400px;}
</style>

<div class="lineTop"><img width=1 height=1></div>
今天排版DIV，做个1px的分格线，红色代码加上后，兼容 IE 和 Fierfox ,如果不加，IE 无法显示1px的高度。
正在学习，还不知道为什么会这样，先搞定客户网站先....

Tags - , ]]>