博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2009年8月9日

摘要: 演示效果截图 用到的图片CSS代码 .menulist a{color: black;display: block;width: 170px;height: 20px;padding-left: 5px;padding-top: 1px;margin-bottom: 5px;background-image: url(menu.jpg);background-repeat: no-repeat;b... 阅读全文

posted @ 2009-08-09 01:55 linFen 阅读(667) 评论(0) 推荐(0)

摘要: 演示效果截图CSS代码<style type="text/css">.menu {font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0;}.menu ul {padding:0; margin:0;list-style-type: none;}.menu ul li {float:left; posit... 阅读全文

posted @ 2009-08-09 01:54 linFen 阅读(1004) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码.hbuttons a{display: block;text-decoration: none;font: bold 13px Arial;color: black;width: 78px;height: 23px;float: left;display: inline;margin-right: 8px;background-image:url(tabsquar... 阅读全文

posted @ 2009-08-09 01:53 linFen 阅读(1253) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码<style>body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;}div,img{margin:0; padding:0; border:0;}ul,li{list-style-type: none; margin:0; padding:0; fl... 阅读全文

posted @ 2009-08-09 01:52 linFen 阅读(5123) 评论(0) 推荐(0)

摘要: 演示效果截图 CSS代码<style>*{ margin:0; padding:0; list-style:none; font-size:12px; line-height:1.8;}body{ background: #333}#info{padding:50px;}#infobox{padding:0px 20px;background-color: #640000;}#cent... 阅读全文

posted @ 2009-08-09 01:50 linFen 阅读(910) 评论(0) 推荐(0)

摘要: 演示效果截图 CSS代码<style>.menu {text-align:left;color:#FFF;font-family:幼圆; /*菜单字体*/height:26px;width:100%}.menu ul.menuBar{list-style:none;margin:0px;font-size:12pt; /*一级菜单字体大小*/}.menu ul.menuBar li{f... 阅读全文

posted @ 2009-08-09 01:48 linFen 阅读(3628) 评论(0) 推荐(0)

摘要: 演示效果截图 CSS代码<style type="text/css"><!--* { margin:0; padding:0;}body { font:12px Verdana, Geneva, sans-serif #444; line-height:1.5;}ul li { list-style:none;}.menu { width:660px; margin:20px a... 阅读全文

posted @ 2009-08-09 01:47 linFen 阅读(372) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码<style type="text/css">body {margin:0;padding:0;font: bold 11px/1.5em Arial;}img {border: none;}#roScripts_m1 {float:left;width:100%;background:#F7DBD2;font-size:96%;line-heigh... 阅读全文

posted @ 2009-08-09 01:46 linFen 阅读(364) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码<style type="text/css">body {margin:0;padding:0;font: bold 11px/1.5em Arial;}img {border: none;}#roScripts_m1 {float:left;width:100%;background:#F6ECFD;font-size:96%;line-heigh... 阅读全文

posted @ 2009-08-09 01:45 linFen 阅读(361) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码<style type="text/css"><!--body {margin:0;padding:0;font-family: verdana, sans-serif;font-size: 11px;background: #f7f7f7;}.container {width: 650px;height:200px;padding:20px;... 阅读全文

posted @ 2009-08-09 01:44 linFen 阅读(406) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}#dolphinnav{position:relative;height:33px;... 阅读全文

posted @ 2009-08-09 01:43 linFen 阅读(433) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; margin:0 auto; background:url(rhm1_bg.gif) repeat-x; }.rhm1-left{ background:url(rhm1_l.gif) no-repeat; width:15px; height:64px; f... 阅读全文

posted @ 2009-08-09 01:42 linFen 阅读(417) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; margin:0 auto; background:url(rhm1_bg.gif) repeat-x; }.rhm1-left{ background:url(rhm1_l.gif) no-repeat; width:15px; height:64px; f... 阅读全文

posted @ 2009-08-09 01:41 linFen 阅读(548) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码/* CSS Document */.rhm1{ width:450px; height:64px; margin:0 auto; background:url(rhm1_bg.gif) repeat-x; }.rhm1-left{ background:url(rhm1_l.gif) no-repeat; width:15px; height:64px; f... 阅读全文

posted @ 2009-08-09 01:39 linFen 阅读(931) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码/* CSS Document */*{ margin:0; padding:0;}#menu{ width:90%; margin:25px auto;}#menu ul{ list-style:none;}#menu li{ display:block; float:left;}#menu li a{ background:#749b10 url(menu_... 阅读全文

posted @ 2009-08-09 01:38 linFen 阅读(1703) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码body { padding: 50px; margin: 0;}ul.green { padding: 5px; margin: 10px 0; list-style: none; background-color: #fff; border-bottom: 1px solid #e7e7e7; float: left; clear: left;}ul.green... 阅读全文

posted @ 2009-08-09 01:36 linFen 阅读(2859) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码:link,:visited {text-decoration:none;}ul,ol,dl {list-style:none;} ul,ol,li,body,html,p{margin:0; padding:0;} a img,:link img,:visited img {border:none;}i {display:none;}#navbar{width:7... 阅读全文

posted @ 2009-08-09 01:35 linFen 阅读(932) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码body{background:#fff url(bkg_page.png) repeat-x;padding:0;margin:0;font-family:'Verdana';font-size:12px;color:#7f8991}#header{margin:108px 0 0 100px}#header em{display:none}#header ul{... 阅读全文

posted @ 2009-08-09 01:34 linFen 阅读(1213) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码body{background:#FFF;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:80%;color:#000;margin:0;vertical-align:top}img{border:0;vertical-align:middle}a:link{color:#00248A;tex... 阅读全文

posted @ 2009-08-09 01:33 linFen 阅读(1633) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码<style type="text/css">body {padding: 50px;}/* The CSS Code for the menu starts here */#menu {font-family: Arial, sans-serif;font-weight: bold;text-transform: uppercase;margin: 5... 阅读全文

posted @ 2009-08-09 01:32 linFen 阅读(3061) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码#foxmenucontainer{height:24px;background:#000;display:block;padding:45px 0 0 15px;}#foxmenu{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;font-family:Ar... 阅读全文

posted @ 2009-08-09 01:31 linFen 阅读(568) 评论(0) 推荐(0)

摘要: 蓝色垂直滑动效果的CSS导航 分类:CSS菜单 时间:2009-6-16 11:34:55 浏览:553 次 演示效果截图用到的图片CSS代码/* CSS Document */img{border:0px;}.flt{float:left;}.menubg{clear:left; background-color:#6FA9C7; width:202px;}.menu{float:left; c... 阅读全文

posted @ 2009-08-09 01:30 linFen 阅读(1309) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码#time4bed-nav{position:relative;height:43px;font-size:14px;text-transform:uppercase;background:#fff url("/UploadFile/image/orange-css-nav/time4bed_bg.gif") repeat-x bottom left;font-... 阅读全文

posted @ 2009-08-09 01:30 linFen 阅读(401) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码/* ---------------------- Blueslate nav ---------------------- */.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(... 阅读全文

posted @ 2009-08-09 01:29 linFen 阅读(1570) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码<style type="text/css">* {margin:0; padding:0; list-style:none;}body{font-size:12px; margin:100px;}#info{border:1px solid #BCFF1D; width:348px;background:#D6FF8C url(2007324115... 阅读全文

posted @ 2009-08-09 01:27 linFen 阅读(792) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS橙色二级水平菜单 图片打包下载CSS代码/*全局样式*/*{font-size:12px;}body{margin:0;padding:0;background-color:#FFFFFF;font-size:12px;color:#666666;font-family: "宋体",Arial, Helvetica, sans-serif;}/*主导航菜单*/#menu... 阅读全文

posted @ 2009-08-09 01:25 linFen 阅读(1916) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码<style type="text/css">* {margin:0;padding:0;font:normal 12px/25px "宋体";}body {background:#f8f8f8;}ul {list-style:none;width:510px;height:25px;margin:20px auto;}li {float:left;... 阅读全文

posted @ 2009-08-09 01:24 linFen 阅读(1809) 评论(0) 推荐(0)

摘要: 演示效果截图 用到的图片 CSS代码<style type="text/css"><!--html,body { height:100%; background:#fff; }body { font:12px "宋体",Arial,sans-serif; color:#333; }body,form,menu,dir,fieldset,blockquote,p,pre,ul,ol... 阅读全文

posted @ 2009-08-09 01:23 linFen 阅读(2637) 评论(0) 推荐(0)

摘要: 演示效果截图用到的图片CSS代码.glossymenu{list-style-type: none;margin: 5px 0;padding: 0;width: 170px;border: 1px solid #9A9A9A;border-bottom-width: 0;}.glossymenu li a{background: white url(glossyback.gif) repeat-... 阅读全文

posted @ 2009-08-09 01:21 linFen 阅读(2688) 评论(0) 推荐(0)

摘要: 示效果截图 用到的图片 CSS代码<style type="text/css">body {background: #222;font: 10px Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;}a:focus {outline: none;}ul.sidenav {font-size: 1.2em;float: ... 阅读全文

posted @ 2009-08-09 01:16 linFen 阅读(1727) 评论(0) 推荐(0)