魔魅般的蓝眼

1-2-1固定宽度布局

摘要： <title>1-2-1固定宽度布局</title><style type="text/css">#round{margin:0;padding:0;width:100%;background:#ccc url(images/lt1.gif) no-repeat;}#round h3{margin:0;padding:30px 0 86px 20px;background:url(images/rt1.gif) no-repeat right top;}#round div.main{margin:-6em 0 -20px 0;paddi 阅读全文

posted @ 2011-10-28 11:16 魔魅般的蓝眼阅读(255) 评论(0) 推荐(0) 编辑

折叠面板

摘要： <title>折叠面板</title><script src="SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script><link href="SpryAssets/SpryCollapsiblePanel.css" rel="stylesheet" type="text/css" /></head><body><div id= 阅读全文

posted @ 2011-10-28 10:47 魔魅般的蓝眼阅读(258) 评论(0) 推荐(0) 编辑

选项卡

摘要： <title>无标题文档</title><link href="table.css" type="text/css" rel="stylesheet"></head><body id="home"><ul id="tabnav"><li class="home"><a href="home.html">Home</a></li><l 阅读全文

posted @ 2011-10-27 14:17 魔魅般的蓝眼阅读(130) 评论(0) 推荐(0) 编辑

4图像滑动门单色不固定宽度圆角框

摘要： <title>4图像滑动门单色不固定宽度圆角框</title><style type="text/css">#round{margin:0;padding:0;width:310px;background:#ccc url(lt.gif) no-repeat;}#round h3{margin:0;padding:30px 0 15px 10px;background:url(rt.gif) no-repeat right top;}#round p{margin:0;padding:0 ;background:url(lb.gif) 阅读全文

posted @ 2011-10-17 08:58 魔魅般的蓝眼阅读(188) 评论(0) 推荐(0) 编辑

鼠标经过时整行变色的表格

摘要： <title>鼠标经过时整行变色的表格</title><style>table{color:#565;font:12px Arial, Helvetica, sans-serif;}td{border-bottom:2px solid #b3de94;border-top:3px solid #fff;padding:9px;}tr{background:#dfc;}tr:hover,tr.hover{background-color:#595;color:#fff;}</style></head><body><ta 阅读全文

posted @ 2011-10-13 09:16 魔魅般的蓝眼阅读(265) 评论(0) 推荐(0) 编辑

下拉菜单的制作

摘要： <title>下拉菜单的制作</title><style type="text/css">#menu{margin:0px;padding:0px;width:800px;list-style-type:none;font-family:"宋体";font-size:14px;}#menu li{float:left;width:150px;margin:0 1px 0 0;padding:0px;}#menu li dl{margin:0;padding:0 0 10px 0;background:#cb6 url( 阅读全文

posted @ 2011-10-11 14:22 魔魅般的蓝眼阅读(125) 评论(0) 推荐(0) 编辑

会跳动的彩色菜单

摘要： <title>会跳动的彩色菜单</title><style>ul {height:26px;margin:0;padding:10px;list-style-type:none;background:#ddd;}.item{float:left;width:100px;margin:0 -1px 0 0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}.item p{padding:0 0 2px 0;margin:0px;text-ali 阅读全文

posted @ 2011-10-08 11:30 魔魅般的蓝眼阅读(121) 评论(0) 推荐(0) 编辑

双竖线菜单

摘要： <title>双竖线菜单</title><style>#menu{width:120px;background:#ccc;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:auto;padding:8px;}#menu a,#menu a:visited{display:block;background-color:#fff;padding:4px 8px;color:#000;text-decoration:none;margin:8px 0px;border-left:8px s 阅读全文

posted @ 2011-09-29 08:59 魔魅般的蓝眼阅读(141) 评论(0) 推荐(0) 编辑

浮雕式超链接

摘要： <title>浮雕式超链接</title><style type="text/css">#nav{font-size:12px;width:100%;height:32px;background:url(navbj.jpg) repeat-x;}#nav a{display:block;float:left;width:120px;height:32px;padding-top:10px;text-align:center;text-decoration:none;background:url(dhbtbj.jpg) no-repeat 阅读全文

posted @ 2011-09-29 08:34 魔魅般的蓝眼阅读(242) 评论(0) 推荐(0) 编辑

按钮式超链接

摘要： <title>按钮式超链接</title><style type="text/css">a{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;text-align:center;margin:5px;line-height:30px;}a:link,a:visited{color:#a62020;padding:4px 10px 4px 10px;background-color:#00FF00;text-decoration:none;border-top:1px soli 阅读全文

posted @ 2011-09-26 09:04 魔魅般的蓝眼阅读(178) 评论(0) 推荐(0) 编辑

寂寞@牵

导航

公告