寂寞@牵

导航

2011年10月28日

带箭头加提示信息的菜单列表

摘要： <title>带箭头加提示信息的菜单列表</title><style>body{background-color:#999;}#menu{font-size:16px;width:140px;margin:0 auto;border:solid 1px #ccc;}#menu a,#menu a:visited{text-decoration:none;text-align:center;color:#c00;display:block;padding:4px;background-color:#fff;border:solid 1px #ff;height 阅读全文

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

双斜线菜单

摘要： <title>无标题文档</title><style type="text/css">#menu{width:9em;margin:0px auto;font-family:Arial, Helvetica, sans-serif;font-size:14px;border:solid #aaa 1px;}#menu a,#menu a:visited{display:block;text-decoration:none;color:#000;line-height:1.4em;border:0.5em solid #fff;}#menu 阅读全文

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

双横线菜单

摘要： <title>无标题文档</title><style>#menu{font-family:Arial, Helvetica, sans-serif;font-size:14px;margin:auto;}#menu a,#menu a:visited{background-color:#fff;padding:1px 4px;color:#000;text-decoration:none;border-top:8px solid #9ab;border-bottom:8px solid #9ab;white-space:nowrap;}#menu a:hov 阅读全文

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

立体菜单

摘要： <title>立体菜单</title><style type="text/css">#menu{font-family:Arial, Helvetica, sans-serif;font-size:14px;}#menu a ,#menu a:visited{text-decoration:none;text-align:center;color:#fff;display:block;width:10em;padding:0.25em;margin:0.5em auto;background-color:#8ab;border:2px s 阅读全文

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

左上角缺部分的菜单

摘要： <title>无标题文档</title><style>.item{font-family:Arial, Helvetica, sans-serif;font-size:16px;background:#ccc;list-style-type:none;float:left;padding-bottom:5px;}.item li{float:left;padding:5px;margin:5px;}.item li a,.item li a:visited{color:#fff;text-decoration:none;font-weight:bold;po 阅读全文

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

带箭头的菜单列表

摘要： <title>带箭头的菜单列表</title><style>body{background-color:#999;}#menu{font-size:16px;width:140px;margin:0 auto;border:solid 1px #ccc;}#menu a,#menu a:visited{text-decoration:none;text-align:center;color:#c00;display:block;padding:4px;background-color:#fff;border:solid 1px #ff;height:1em; 阅读全文

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

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) 编辑