百度空间 | 百度首页 
 
查看文章
 
在CSS中各处加图片的各种方法
2007年01月14日 23:35

转自:“缘定沧桑居”

包括:一、文章标题加背景图片,并且让标题居中
二、文章发表日期加图片
三、日志背景控制
四、网友评论背景
五、发表评论背景控制

文章标题:我加了背景图片,并且让标题居中

#m_blog div.tit
{    
     text-indent:4cm; /*标题居中,采用了缩进*/
     line-height:60px;/*增大行高,使背景图片完全显示*/
font-size:16px;
font-weight:bold;
background:url(http://hiphotos.baidu.com/troy/pic/item/2b4e020872f809d162d98625.jpg) no-repeat; /*标题背景图片,不重复*/

}

文章发表日期,我加了个小人物

#m_blog div.date
{
background:url(http://www.bjcg.com/UpLoadFiles/NewsPhoto/7a141200.gif) 30% 0% 
no-repeat;  /*背景图片*/
margin:5px 0 8px 0;
color:#999999;
line-height:50px; /*调整行高*/
}


日志背景控制

#m_blog div.cnt
{
background:url(http://hiphotos.baidu.com/troy/pic/item/421262d0e413928fa0ec9c21.jpg) repeat;  /*背景图片*/
color:#666666;
line-height:20px;
font-size:14px
}

网友评论背景

#in_comment div.tit
{
line-height:150px;/*调整行高*/
background:url(http://hiphotos.baidu.com/troy/pic/item/52c582028c98a70f4bfb5108.jpg) no-repeat ; /*背景图片*/
margin-bottom:12px;
color:#666666;
font-size:14px;
font-weight:bold;
}

发表评论背景控制

#in_send div.tit
{
background:url(http://hiphotos.baidu.com/troy/pic/item/b1679822573b0ff3d7cae20e.jpg) 30% 0% no-repeat;/*背景图片*/
margin:10px 0 10px 0;
color:#666666;
font-size:14px;
font-weight:bold
}


类别:⑧ 空间教学 | 添加到搜藏 | 浏览() | 评论 (6)
 
最近读者:
 
网友评论:
1
2007年01月15日 00:02 | 回复
我明天醒来要是再看到炎症码 我就`````````````````
 
2
2007年01月15日 09:28 | 回复
呵呵,我还没试过!了解了!房东辛苦了!!
 
3
2007年01月15日 11:23 | 回复
怎么图片都不显示 我看了 都是无法显示 怎么可以看到呢??
 
4
2007年01月16日 09:48 | 回复
辛苦了!!
 
5
2007年08月25日 20:48 | 回复
有帮助~~~
 
6
2008年07月14日 15:00 | 回复
图片不显示
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu