校内教程-给个部分标题加背景

关键词:
  • 拿个人资料举例效果如图

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

发表时间:2007-10-27 | 评论 (0) | 复制本页地址 | 打印

发表评论/ 全部评论

  • 用户名: 新注册
  • 密 码 :
  • 匿名发表: