校内网代码站-http://www.xiaoneiwangdaima.com 欢迎你的光临,希望在本站能找到你喜欢的xiaonei代码!

您现在的位置:校内网代码>校内网教程> 给个部分标题加背景

给个部分标题加背景

作者:泡泡鱼     来源:校内网代码     日期:2007-11-09    校内网代码使用方法

 

拿个人资料举例效果如图

http://img.xiaonei.com/photos/20060817/1750/orig93111.jpg

也可以看我的主页

编辑css文件

#userProfile h3 {

height:40px; /*定义高度,最好和背景图一致*/

padding:7px 12px 7px 12px; /*设置标题文本的位置*/

font-size:12px; /*标题文本大小*/

font-weight:bold;

line-height:24px; /*行高*/

background:url(http://img.xiaonei.com/photos/2006XXXX/XXXX/origXXXXX.jpg) no-repeat; /*h3的背景*/

}

 #userProfile .more {

padding-right:12px;

padding-top:7px;

} /*设置"编辑"超链接的位置*/

保存后上传在涂鸦板引入上传的css文件即可,代码如下:

@import url(http://img.xiaonei.com/photos/2006XXXX/XXXX/origXXXXX.css);

加入背景不宜过于花哨,最低限度请保证能看清文本

本文为了方便加注释代码有换行,写入文件时取消多余换行

css文件目前xiaonei已不让上传,另谋空间吧

引用文件代码或者直接写入涂鸦都必须要封装在style标签内,否则不会执行





校内网代码 | 广告服务 | 联系我们 | 版权隐私 | 免责声明 | 合作网站 | 网站地图 | 程序支持 | 
copyright © 2006 xiaoneiwangdaima.com All rights reserved. 网站备案号:桂ICP备08000643号
校内网代码站-http://www.xiaoneiwangdaima.com 欢迎你的光临,希望在本站能找到你喜欢的xiaonei代码!