简洁实用的鼠标经过变色的box(纯CSS制作)
简洁实用的鼠标经过变色的box效果,纯CSS制作,下面是源代码,可以另存为 .html 格式查看,或者在最下面有在线演示的地址。
HTML code:
<!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-Type" content="text/html; charset=gb2312" />
<title>CSS实用鼠标经过变色的box|www.abaonet.com|</title>
</head>
<style type="text/css">
body {
background: #fff;
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 11px;
}
/* The style starts here */
#tabs {
padding:0;
margin:0 0 0 15px;
list-style:none;
}
#tabs li {
display:inline;
padding:0;
background:#f8f8f8;
float:left;
margin-right:35px;
position:relative;
}
#tabs li.one {
width:190px;
}
#tabs li.two {
width:240px;
}
#tabs li.three {
width:190px;
}
#tabs li a.outer-link {
background:#f8f8f8;
display:block;
width:100%;
position:relative;
}
#tabs table {
border-collapse:collapse;
margin:-1px;
}
#tabs li b {
display:block;
background:transparent url(/uploads/jsCode/img/2312.gif) no-repeat 0 0;
padding:2px 0 0 5px;
height:15px;
font-size:0.9em;
overflow:hidden;
}
#tabs li div {
border:1px solid #888;
相关问答:
我用DIV+CSS做了一个可以移动的层。。。。怎么样将这个层的数据保存到数据库中。。。。在打开页面的时候在从数据库中加载出来显示!!!!!!!哪位哥们有例子的可不可以发给我
div 对应的位置用from给到ACTION 存 ......
下面是不带图片的圆角CSS box,看下面演示效果吧:
http://www.abaonet.com/jsCode/page/200911/2310.html
不错~~~~顶~~~~就是代码有点多!接分!!!
有创意,不过边角的点状有锯齿,没有图片好看,呵呵
......
css制作的弹出菜单,鼠标移出后菜单消失,我现在想让鼠标移出后菜单保留。就像伊利公司(www.yili.com)一样。
是不是要改菜单弹出的js或css代码。代码如下:就是不知如何改?
function menuFix()
{var sfEls = doc ......
CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px ......
一博客程序,列表显示博文,我想显示前面200个字符,采用字符截取的方法,输出该字符串后,右边的一个层就跑到最下面去了,不截取全文显示的时候又不会,请问要怎么设置层的问题
下面是css文件
body {
......