官方首页 | 无图版 | BBS首页
PJBlog3 2.8.5.157 新版发布 下载|升级(2008.8.26) 来给PJ3提提发展建议 2008版 PJHOME 珍藏/纪念版官方T恤 正式发布! PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJ-Blog 3 斑竹日志 【独家】我使用过的三种空间,与客服的精彩故事 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
发新话题
打印

[风格寻求] CSS首页下沉问题

CSS首页下沉问题

layout.css原文件
  /*---内容框--*/
  .Content{margin:0px 0px 10px 10px;background-image: url();background-repeat: repeat-x;background-position: bottom;}   


请问怎么改
www.0577hr.com,您的■■招聘■■求职■■能手!

TOP

把那段代码插入进去就OK了

TOP

网上搜索一下.应该是首字下沉吧?

/*---主内容--*/
  #mainContent{float:left;width:660px;overflow:hidden; margin-right:10px!important; margin0px 0px 0px 0px;
               text-align:left;font-family: 微软雅黑, Verdana, 宋体,serif;}
  #innermainContent{overflow:visible;margin-right0px;}
  #mainContent-topimg{height:0px;overflow:hidden;}
  #mainContent-bottomimg{height:10px;overflow:hidden;}

[ 本帖最后由 imroy 于 2008-3-1 09 编辑 ]
怀才就像怀孕,时间长了就会慢慢被发现的! http://www.kuba.com.cn/

TOP

学习了

TOP

提示: 作者被禁止或删除 内容自动屏蔽

TOP

/*---内容框--*/
.Content-body:first-letter{
        float:left;
        padding:0 2px 0 0;
        color:#403C31;
        font: bold 2.8em/1em "楷体_GB2312","微软雅黑";}


日志首字下沉,主要是:first-letter 这个伪类,产生的效果,定义第一个字的样式。文字float:left;左浮动。CSS 定义1em为1字符框的高度,2.8就接近3个字的高度了,这样就实现了css首字下沉。





---//参考资料-----------------------------------------------------------------
:first-letter版本:CSS2  兼容性:IE5.5+
语法:
Selector : first-letter { sRules }
说明:
设置对象内的第一个字符的样式。
此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。

在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。


示例:
p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }
   iLank

TOP

发新话题