当前位置:主页>博客美化>校内网代码>XIAONEI教程>[打印] [收藏]

拿个人资料举例效果如图

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标签内,否则不会执行

文章评论