返回博客技巧首页
【本文介绍和讯网页门户模块边框特效代码】大家看到良曼的博客,博客的板面边框与从不同的效果,今天良曼整理了写给大家,博客和网页的每个模块边缘都有些细线,也就是边框,我们也可以在这些边框上做些不同的效果,比如颜色的改变,精细的改变,和款式的改变,或者将边框全部删除隐藏.这样出来的页面效果是焕然一新的.具体操作步骤方法如下:
div {
overflow: hidden;
}
/* 边框颜色:开始 */
div { border-style: solid; 此处加上这段红色字代码, 可改边框样式.
border-width: 1px; 此处加上这段红色字代码,数字大或小,可改边框粗细,
border-color: #CECECE; 此处更换这段红色字可改边框颜色
a:hover {
color: #333333;
text-decoration: underline;
.PhotoTable a:link,#photoXiu a:link,.AlterRig a:link {
color: #3975E3;
.PhotoTable a:visited,#photoXiu a:visited,.AlterRig a:visited {
#allTags a:link {
#allTags a:visited {
a.PageNextSelected :link {
color: #FF0000;
a.PageNextSelected:visited {
a.Alter :link {
a.Alter:visited {
/* 边框颜色:开始
.all_bar,#header,#navi_bar,.side_block,#alter,.side_title,.tag,.tag_list div,.Slist,.message_list,.allFriend,.QuickLink_search input,.Article,.ArticleTitle,.BkMark,.BkMarkTitle,.PageSkip,.Column,.FriendTableList,.FriendBlock,.FriendTableList_1,.FriendTableList_3{
边框颜色:结束 */
.all_bar{
float: left;
padding-right: 12px;
padding-left: 12px;
border-right-width: 1px;
border-right-style: solid;
.alter {
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
line-height: 26px;
height: 26px;
.allFriend {
line-height: 28px;
text-align: center;
height: 28px;
border-top-width: 1px;
border-top-style: solid;
说明:首先进入你门户管理后台→个人门户-→模板选择→自订义CSS里面找到如上代码:
将solid更换成下图中的字母就可将模块的边框换成所相对应的边框款式.
可以自由设置你所想更换的模块边框.
良曼小贴土:如要清除门户所有的边框线将Width:1x这个1字改为0就可以了.博友会发现要是全页面的模块边框都要清除,在自定义CSS有太多的Width:1x;要一一更换很费时,
其实有个方法很简单,只需将[自定义CSS]里CTRL+A全选→再CTRL+C复制→CTRL+V粘贴在WORD文档中,运用[编缉]里的[查找与替换]的功能就可一次性搞定,再复制粘贴回[自定义CSS]里面就行了.
更多相关文章:→博客鼠标特效代码(最新)→鼠标碰上链接不断变色的代码 →怎样寻找音乐和动画flash的地址的方法 →博客动态头像制作及代码 →博客特效代码运行具 →透明FLASH特效地址大全→欢迎光临,制作声音代码 →动态日志背景外框(更新) →欢迎光临,制作声音代码→和讯日志幻灯片播放特效代码
欢迎您再来光临!谢谢你的阅读!你在本頁已停留 分秒 --本站导航-- --返回首页-- --情感文学-- --生活资讯-- --随笔心情-- --影视下载-- --经典歌曲-- --美图素材-- --博客技巧-- --黑色幽默-- --友情鏈接--
※【生活资讯】※ 更多 »
※【情感文学】※ 更多 »
生容易,活容易,生活就不容易!
你可以牵手,但不要随意放手!
※【资源下载】※ 更多 »
※【经典音乐】※ 更多 »
※【美图素材】※ 更多 »
※【博客技巧】※ 更多 »
※【幽默艺术】※ 更多 »
※【随笔心情】※ 更多 »
最新通告 友情提示:本站特效和贴图小部分系从网上搜集链接而来,随着时间的推移,部分链接可能失效,对此给大家造成的不便在此深表歉意!也欢迎大家指出链接失效的文章及提供新的链接,谢谢! 免责声明 本站资料部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理! 欢迎您的光临 感谢您的大力支持!如果您对本站有好的意见和建议,请到留言板留言或用以下方式与我联系! roy924@163.com
2008年
↓欢迎您点击进入本博留言厅!↓