重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
是问下面这样的效果?
创新新互联,凭借十载的做网站、成都做网站经验,本着真心·诚心服务的企业理念服务于成都中小企业设计网站有成百上千案例。做网站建设,选创新互联。
---------------------------个性十足的分割线--------------------------------------------------------
太简单,在英文输入法下面按那个减号(即“-”)就行啦。
跟我一起玩百度空间CSS教程+090+ (从"零"开始学玩百度空间)
谭诚工作室:
1.让你看懂css各个参数
2.百度空间CSS使用说明
3.怎样编写CSS的!
4.CSS代码解密
5.一个CSS的漏洞
6.增加自定义模块功能
7.更换主体及文章的背景
8.透明flash代码
9.百度空间十大宝藏
10.制作个性化的标题栏
11.看到更多的百度空间
12.百度空间的8个优缺点
13.专栏分割线的代码修改
14.添加自己的LOGO图片
15.宣传百度空间的方法
16.添加多首背景音乐
17.设置透明背景图
18.更改空间的鼠标样式
19.在空间里加入滚动条
20.透明的背景音乐的播放器
21.透明个性化滚动条
22.给链接添加背景色效果代码
23.显示"点击给你发消息"怎么在空间做!
24.去掉文章题目下划线
25.常用插入图片位置的代码
26.如何隐藏播放器而不影响音乐播放
27.如何有字体阴影
28.自制闪字空间名称
29.解决回车换两行的问题
30.调整一下行距
31.让空间拥有精美flash背景
32.让空间自动弹出对话框!
33.修改blog显示的文字颜色大小
34.如何让你的浏览器滚动条变色
35.为评论和链接加上图片
36.如何在"其它"下面加上图片
37.百度空间的名称如何用艺术字?
38.百度空间文字发光的方法
39.文字快速插链接
40.空间模块巧移动
41.个性化你的IP显示,自定义颜色
42.全透明
43.空间背景半透明
44.如何在百度空间的文章标题周围加花边图案?
45.关于百度空间照片大小限制的问题!!!
46.如何在百度空间发表文章时插入FLESH动画?
47.怎样换百度空间的背景
48.做分割线的方法
49.在百度空间里面添加自己的特效
50.在文章中快速插入图片
51.添加计数器的两种方法
52.如何在空间顶部加入图片
53.发表评论框的图片
54.改变空间主页名称和简介的字体大小
55.给超链接添加按钮效果
56.如何给评论框添加背景
57.Iframe 用法的详细讲解
58.背景图片素材01
59.图片素材20060929
60.我的自定义设计
61.CSS鼠标样式大全
62.跟我一起玩百度空间的音乐和视频+
63.为好友列表增加一个滚动条
64.空间模块巧移动 + 文字快速插链接
65.怎么去掉百度空间里模块的框框!
66.基本颜色代码+
67.在你的空间中加入幽默元素..
68.百度空间吧[精品]贴+
69.如何在博客上---中--下加入图片(时钟)
72.教你10个你未必知道的CSS技巧!
73.用CSS进行百度空间样式设计!
74.百度空间自动友情链接
75.一起玩百度空间帮助
76.一起玩百度空间榜单
77.点对点宣传百度空间
78.百度空间常见27+问题
79.怎样让百度、Google搜到你的博客
80.如何加上一个个性时间网页上?
81.教你怎样让背景自动更新,包括头背景
82.在 CSS 中关于字体处理效果的思考
83.如何置顶文章及美化自定意模块!
84.如何美化页眉部分
85.更换背景及滚动轴颜色和空间半透代码
86.如何设置标题.简介及文章字体为光晕字
87.用CSS来控制网页背景
88.CSS产生的特殊效果
89.用Css控制IE5.5浏览器中滚动条
90.css语法(百度空间)
参考资料:
效果预览: 注意文章与文章之间的图片
方法:找到相应行 如:
#m_blog div.line行
替换成
#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) repeat-x}
以下是其他分割线代码!
/*文章栏目分割线*/
#m_blog div.line{margin-top:17px;line-height:17px;background:url(图片地址) repeat-x}
/*评论栏目分割线*/
#m_comment div.line{background:url(图片地址);line-height:12px}
/*文章分类分割线*/
#m_artclg div.line{background:url(图片地址);line-height:12px}
/*有请连接分割线*/
#m_links div.line{background:url(图片地址);line-height:12px}
分割线URL↓资源
body{background:url(
" target="_blank"
) top left;CURSOR:url();}/*页面背景及鼠标样式*/ a:link{CURSOR:url();} /*链接鼠标样式*/ a:visited{CURSOR:url()} /*访问鼠标样式*/ a:hover{CURSOR:url()} /*悬停鼠标样式*//******空间顶部******/ #userbar{} /*登陆栏,不可更改*//******空间主体******/ #main{} /*底部背景,比header与stage略宽*//******空间头部******/ #header{margin:40px 0px 0px 29px;height:259px;width:15px;} /*头部背景*/ #header div.lc{margin:-40px 0px 0px -29px;height:259px;background:url(
) top left no-repeat;width:1100px;} /*头部左侧背景*/ #header div.rc{background:url(;dformat=yymmddft=0dd=Etimezone=GMT+0800) no-repeat 80% 17%;filter:alpha(Opacity=50);} /*头部右侧背景*/ #header div.tit{top:185px;left:871px;line-height:22px;font-size:12px;font-family:宋体 楷体_GB2312;filter:glow(color=#E76108,strength=3);width:100px;} /*空间名称位置及字体*/ #header div.tit a.titlink{color:#FFFFFF;text-decoration:none;} /*空间名称链接字体*/ #header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none;} /*访问效果*/ #header div.desc{top:185px;left:916px;color:#FFFFFF;font-size:12px;filter:glow(color=#E76108,strength=3);width:150px;} /*空间描述位置及字体*//******一级导航菜单******/ #tab{top:40px;left:-5px;margin:0px;} /*一级菜单背景*/ #tab a,#tab a:link,#tab a:visited{color:#666666;font-size:12px;font-family:宋体;text-decoration:none;writing-mode:tb-rl;text-align:center;text-indent:-3px;background:url(
) top left no-repeat;height:90px;filter:position:relative;} /*菜单未选中状态*/ #tab a:hover{color:#000000;text-decoration:none;background:url(
) top left no-repeat;position:relative;top:0px;clip:rect();} /*菜单悬停状态*/ #tab a.on,#tab a.on:link,#tab a.on:visited,#tab a.on:hover{color:#000000;text-decoration:none;font-weight:bold;background:url(
) top left no-repeat;position:relative;} /*菜单选中状态*/ #tab span{color:#FFFFFF;font-size:12px;display:none;} /*菜单间的分割符|*/ #tabline{margin:0px 0px 0px 0px;} /*菜单下方分割线*/ /*#tab{filter:alpha(opacity=20);-moz-opacity:0.8;} 菜单透明化处理*//******二级导航菜单******/ #tab2{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:1100px;background:none} /*二级菜单背景*/ #tab2 span{color:#000000;font-size:12px;font-weight:bold;} /*菜单间的分割符|*/ #tab2 a{font-size:12px;} /*未选中效果*/ #tab2 a:link{color:#000000;text-decoration:none;} /*链接效果*/ #tab2 a:visited{color:#000000;text-decoration:none;} /*访问效果*/ #tab2 a:hover{color:#000000;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*//******内容区域******/ .stage{margin:-40px 0px 0px 0px;background:url(
) top left repeat-y;margin-bottom:0px;} /*内容区域背景*/ .stagepad{} /*?*/ #mod_bloglist .modtit{} /*大标题,如文章列表*/ #mod_profile .modtit{} /*?*/ .mod#mod_bloglist{} /*?*/ #layout td.c2t1,#layout td.c3t1,#layout td.c3t3{} /*内容区域横向划分为三版*/ #layout td.c2t1{width:760px;background:url(
" target="_blank"
) no-repeat bottom left;} /*第一版尺寸*/ #layout td.c2t2{display:none;} /*第二版尺寸*/ #layout td.c2t3{width:340px;background:url(
" target="_blank"
) no-repeat bottom right;} /*第三版尺寸*//******其它区域******/ #comm_info{text-indent:3px;margin-top:10px;padding-top:0px;color:#577285;font-family:Arial;filter:(Opacity=60);} /*其它区域背景*/ #pvshow{font-size:10pt;font-family:Georgia;} /*访问量数字字体*/ #comm_info div.line{margin:2px 0px 0px 0px;line-height:0px;border-top:0px dotted #A6A6A6;border-bottom:0px dotted #A6A6A6;background:url() no-repeat 2% 50%;height:129px;} /*其它区域分界线,可用来显示来访者IP*/ #comm_info a{display:none;} /*是否显示百度logo*/ #comm_info a{color:#000000;} /*logo链接字体*/ #comm_info a:hover{color:#000000;text-decoration:underline;} /*悬停效果*//******页码区域,位置及颜色编辑无效******/ #page{height:30px;font-size:12px;font-family:Arial;text-align:center;} /*页码区域背景*/ #page span{padding:3px;color:#333333;font-size:14px;font-weight:bold;} /*当前页码*/ #page a.pc{color:#000000;font-size:14px;font-weight:bold;} /*上一页和下一页*/ #page a.pc:visited{color:#000000;} #page a.pi{padding:3px;color:#000000;font-size:14px;} /*页码*/ #page a.pi:visited{color:#000000;}/******模块区域:内容区域的所有模块的公用设置******/ .mod{margin-bottom:10px;} /*模块区域背景及模块间距*/ .modhandle{cursor:move;} /*?*/ .modth{background:url(
) no-repeat left;margin-left:90px;} /*模块标题栏背景*/ .modhead{padding:4px 0px 0px 4px;} .modopt{padding:4px 220px 0px 0px;} /*模块操作区,如写新文章*/ .modtit{text-indent:8px;font-size:12px;font-weight:bold;font-family:宋体;color:#444444;} /*模块标题区*/ a.modtit{color:#444444;} a.modtit:visited{color:#444444;} .modtitlink{color:#555555;font-size:12px;font-weight:bold}a.modtitlink{color:#555555;text-decoration:none}a.modtitlink:visited{color:#666666;text-decoration:none}a.modtitlink:hover{color:#666666;text-decoration:underline;} .modact{color:#4A7FF8;font-size:12px}a.modact:link{color:#4A7FF8}a.modact:visited{color:#4A7FF8;} /*操作文字链接,如文章列表*/ .modbox{padding:10px 110px 0px 100px;background:;} /*模块内容区,包括文章标题和内容*/ .modtl{} /*模块左上角背景*/ .modtc{} /*模块中上背景*/ .modtr{} /*模块右上角背景*/ .modbl{} /*模块左下角背景*/ .modbc{} /*模块中下背景*/ .modbr{} /*模块右下角背景*//*#header,.modtc,.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%} 页面透明化处理,这里注意不要让usrbar透明,否则你内存会占很大*//******文章区域******/ #m_blog{overflow-y:visible; /*是否显示滚动条*/ scrollbar-face-color:#E3D7A4; /*滚动条凸出部分的颜色*/ scrollbar-highlight-color:#FFFFFF; /*滚动条空白部分的颜色*/ scrollbar-3dlight-color:#FFFFFF /*滚动条亮边的颜色*/ scrollbar-arrow-color:#FFFFFF; /*上下按钮上三角箭头的颜色*/ scrollbar-shadow-color:#000000; /*立体滚动条阴影的颜色*/ scrollbar-dark-shadow-color:#000000; /*滚动条强阴影的颜色*/ scrollbar-track-color:#FFFFFF; /*滚动条的背景颜色*/ scrollbar-base-color:#FFFFFF; /*滚动条的基本颜色*/ margin:0px 10px 0px 0px;width:820px;height:1550px;} /*文章区域背景*/#m_blog div.tit{text-indent:20px;background:url(
) no-repeat;height:80px} /*文章标题背景*/ #m_blog div.tit a{color:#333333;font-size:14px;font-weight:bold;} /*文章标题链接*/ #m_blog div.tit a:link{color:#333333;text-decoration:none;} /*链接效果*/ #m_blog div.tit a:visited{color:#333333;text-decoration:none;} /*访问效果*/ #m_blog div.tit a:hover{color:#000000;text-decoration:underline;} /*悬停效果*/ #m_blog div.date{margin:-80px 0px 0px 20px;color:#888888;text-align:right;} /*文章发表日期*/ #m_blog div.cnt{margin:10px 0px 0px 20px;color:#222222;line-height:20px;font-size:12px;} /*文章内容*/ #m_blog div.more{display:none;margin:10px 0px 12px 20px;color:#222222;} /*阅读全文链接*/ #m_blog div.more a{color:#000000;font-size:12px} #m_blog div.opt{text-indent:20px;font-size:12px;font-weight:bold;background:url(
) no-repeat left center;color:#555555;margin-top:18px;} /*文章操作区背景*/ #m_blog div.opt a{color:#333333;font-size:12px;font-weight:bold;text-decoration:none;} /*文章操作区内容*/ #m_blog div.opt a:hover{color:#333333;text-decoration:underline;font-weight:bold;} /*悬停效果*/ #m_blog div.line{margin-top:17px;line-height:17px;background:url() repeat-x} /*文章分界线背景*/ #m_blog div.none{padding:100px 0 100px 0;color:#EE6911;font-size:14px} /*无文章提示信息*//******个人档案区域******/ #m_pro{background:url(
) no-repeat top left;margin:10px 0px 10px 100px;height:280px;} /*个人档案区域背景*/ #m_pro a{color:#000000;font-size:12px;text-decoration:none;} /*查看详细信息链接*/ #m_pro a:hover{color:#FFFFFF;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_pro div.image{display:none;} /*个人头像*/ #m_pro div.act{margin-top:220px;margin-left:-55px;width:190px;color:#666666;font-size:12px} /*操作区背景,如加为好友、发送消息*/ #m_pro div.user{margin-top:-230px;margin-left:-75px;width:190px;color:#000000;font-size:12px;font-weight:bold;font-family:arial} /*用户名*/ #m_pro div.desc{margin-top:5px;margin-left:-75px;width:190px;color:#000000;font-size:12px} /*用户简介*/ #m_pro div.line{margin-top:10px;line-height:17px;background:url() repeat-x;} /*分界线*/ #m_pro td{color:#333333;line-height:24px;font-size:14px} /*?*//******相册区域******/ #m_album{} /*相册区域背景*/ #m_album div.image{text-align:center;} /*图片位置*/ #m_album div.page{color:#333333;font-size:12px;text-align:center} #m_album div.page a{color:#000000;font-size:12px} #m_album div.page a:visited{color:#000000}/******友情链接区域******/ #m_links{} /*友情链接区域背景*/ #m_links div.item{text-indent:20px;font-size:px;background:url(
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
) no-repeat left top;margin-top:0px;} /*区域子项背景*/ #m_links div.item a{color:#333333;font-size:12px;text-decoration:none;}/*区域子项链接*/ #m_links div.item a:hover{color:#333333;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_links div.line{margin-top:5px;line-height:8px;background:url() repeat-x} /*分界线*//******自定义模块1******/ #m_mylink1{} /*自定义模块1区域背景*/ #m_mylink1 div.item{text-indent:20px;font-size:px;background:url(
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
) no-repeat left top;margin-top:0px;} /*区域子项背景*/ #m_mylink1 div.item a{color:#333333;font-size:12px;text-decoration:none;}/*区域子项链接*/ #m_mylink1 div.item a:hover{color:#333333;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_mylink1 div.line{margin-top:5px;line-height:8px;background:url() repeat-x} /*分界线*//******文章分类区域******/ #m_artclg{} /*文章分类区域背景*/ #m_artclg div.item{text-indent:20px;font-size:12px;background:url(
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
) no-repeat left top;} /*文章分类区域子项*/ #m_artclg div.item a{color:#333333;font-size:12px;text-decoration:none;} /*文章分类名称*/ #m_artclg div.item a:hover{color:#333333;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_artclg div.line{margin-top:5px;line-height:8px;background:url() repeat-x} /*分界线*//******文章存档区域******/ #m_filed{} /*文章存档区域背景*/ #m_filed div.item{text-indent:20px;font-size:12px;background:url(
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
) no-repeat left top;} /*文章存档区域子项*/ #m_filed div.item a{color:#333333;font-size:12px;text-decoration:none;} /*文章存档名称*/ #m_filed div.item a:hover{color:#333333;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_filed div.line{margin-top:5px;line-height:8px;background:url() repeat-x} /*分界线*//******最新评论区域******/ #m_comment{} /*最新评论区域背景*/ #m_comment div.item{text-indent:20px;font-size:14px;background:url(
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
" target="_blank"
) no-repeat left top;} /*最新评论区域子项*/ #m_comment div.item a{color:#333333;font-size:12px;text-decoration:none;} /*最新评论标题*/ #m_comment div.item a:hover{color:#333333;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_comment div.item a.cnt{margin:0px 0px 0px 20px;color:#333333;font-size:12px;text-decoration:none} /*评论摘要*/ #m_comment div.item a.cnt:hover{color:#333333;text-decoration:underline;underline;font-weight:normal;position:relative;left:0px;top:0px;clip:rect} /*悬停效果*/ #m_comment div.line{margin-top:5px;line-height:8px;background:url() repeat-x;} /*分界线*//******相册列表******/ #m_albumlist{} /*相册区域背景*/ #m_albumlist div{margin:0px 0px 0px 0px;WIDTH:240px;} /*相册子区域背景*/ #m_albumlist div.note{text-indent:20px;color:#333333;font-size:14px;} #m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:;font-size:14px;} /*相册简介*/ #m_albumlist div.none{padding:100px 0 100px 0;color:#333333;font-size:14px;} /*无照片提示信息*/ #m_albumlist div.line{margin-top:10px;line-height:16px;background:url() repeat-x;} /*分界线*/ #m_albumlist div.tit{margin:6px 0px 7px 0px;color:#333333;font-size:14px;} /*照片标题*/ #m_albumlist div.tit a{color:#4A7FF8;font-size:14px;text-decoration:none;} /*照片标题链接*/ #m_albumlist div.tit a:hover{color:#4A7FF8;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_albumlist span.count{color:#333333;font-size:12px;font-weight:bold;} /*照片数量*/ #m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial;} /*照片尺寸*/ #m_albumlist a.act{color:#4A7FF8;font-size:12px;text-decoration:none;} /*操作区链接,如编辑、删除*/ #m_albumlist a.act:hover{color:#4A7FF8;text-decoration:underline;} /*悬停效果*/ #m_albumlist a.page{color:#333333;font-size:14px;text-decoration:none;} /*页码链接*/ #m_albumlist a.page:hover{color:#333333;text-decoration:underline;position:relative;left:1px;top:1px;clip:rect();} /*悬停效果*/ #m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF;} /*?*//******好友列表******/ #m_friend{} /*好友列表区域背景*/ #m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px;} #m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px;} #m_friend div.user{margin-top:4px;color:#333333;font-size:12px;} /*好友名称*/ #m_friend div.user a{color:#000000;font-size:12px;text-decoration:none;} /*好友名称链接*/ #m_friend div.user a:hover{color:#000000;text-decoration:underline;font-weight:bold;} /*悬停效果*/ #m_friend div.line{margin-top:10px;line-height:16px;background:url() repeat-x;} /*分界线*//******设置访问统计、模板设置******/ #m_setting{} /*设置区域背景*/ #m_setting a{color:#000000;text-decoration:none;} /*设置区域链接*/ #m_setting a:hover{color:#000000;text-decoration:underline;font-weight:bold;} /*悬停效果*/ #m_setting{line-height:22px;color:#333333;font-size:14px;} /*设置区域主体*/ #m_setting img.sel{border:4px solid #FFDB7B;} /*模板预览图,选中状态*/ #m_setting img.unsel{border:1px solid #D2D2D2;} /*模板预览图,未选中状态*/ #m_setting span.tit{font-size:14px;} /*模板标题名称*/ #m_setting span.usr{