简单CSS,实现“首字下沉”效果!

转载 2006年06月14日 14:45:00

来自经典论坛

 
<html>
<head>
<title>首字下沉</title>
<style>
body{
      font-size:12px;
      line-height:1.5;
}
#first:first-letter{
    float:left;
    font:bold 30px "黑体";
    color:#690;
}
</style>
</head>
<body>
<div id="first">中新网6月13日电 今日出版的香港《大公报》从北京发回的报道称,履新不久的国家统计局局长邱晓华在北京大学指出,中国经济保持了快速、健康的发展势头,在“十一五”末期,中国经济很有可能赶上德国。

 

十二日傍晚,邱晓华在北京大学金融与证券研究中心组织的第55期“天相金融与经济高级论坛”发表主题演讲。虽然大雨滂沱,但这位年轻有为的国家统计局局长,吸引了不少北大学子,偌大的报告厅内座无虚席,不少学生只好席地而坐。</div>
</body>
</html>

css first-letter实现首字(字母)下沉效果

css 首字下沉效果原理 首字下沉主要使用到css的first-letter伪元素,然后配合使用font-size和float来设置文字的样式即可实现。 first-letter选择器选取指定元素...
  • wuxiaopeng_1986
  • wuxiaopeng_1986
  • 2016年10月10日 22:32
  • 1707

简单CSS,实现“首字下沉”效果!

来自经典论坛  首字下沉body{      font-size:12px;      line-height:1.5;}#first:first-letter{    float:left;    ...
  • zhuizhu
  • zhuizhu
  • 2006年06月14日 14:45
  • 714

CSS学习—文字排版

我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。如下例子的代码: 为网页中的文字设置字体为宋体: body{ font-family:”宋体”; }...
  • Digitalmon
  • Digitalmon
  • 2017年07月02日 19:49
  • 184

word中不能设置首字下沉的一个原因

昨天下午辅导实验,有个学生问我她的word稳当无法设置首字下沉,我看了看,以为是设置文字效果的原因,结果把文字效果去掉后,发现还是不行。我看了看她的那段文字,发现段首处有一些空格,我把空格删去后就一切...
  • trueman2008
  • trueman2008
  • 2007年12月14日 09:02
  • 9080

浅谈CSS首字放大下沉及段首缩进2字符

对首字进行放大,需用到css的伪元素:first-letter。 .text{ font-family:Microsoft YaHei; font-size:16...
  • zhouziyu2011
  • zhouziyu2011
  • 2016年12月18日 09:54
  • 1309

你一无所知的CSS

标签:CSS3 概述:也许你还不知道CSS里面的这些内容,Selectors、First Line、First Letter、Not Selector、Combinators,那么今天就可以...
  • CSDN_lihe
  • CSDN_lihe
  • 2014年11月04日 11:43
  • 219

CSS伪对象搞定首字下沉

导读:   用过word,看过报纸的朋友,是不是对它们的首字下沉效果很感兴趣?  有的时候适当的在web中使用些首字下沉的效果,能为你的web增色不少。   通过伪对象:first-letter可以搞...
  • MADfox1983
  • MADfox1983
  • 2008年06月17日 12:47
  • 441

利用css的clear属性实现文字环绕图片效果

QQ:285679784   欢迎加入技术交流QQ群80669150 (附加信息:珠海 -"Lzw )一起学习 ! 转自 免费模板网http://www.wangjie.org/ 演示效...
  • qq285679784
  • qq285679784
  • 2015年01月30日 14:25
  • 1179

CSS设置首字放大

CSS设置首字放大           在很多的文章中,都有一个首字放大的效果,在CSS中同样可以实现该效果。           CSS中通过对第一个字,进行单独的设置从而实现该效果。 ...
  • nangeali
  • nangeali
  • 2016年08月01日 22:53
  • 2036

css第一部分简介

CSS入门经典第一章  理解CSS 级联样式表:一种简单语言的名称,运用它声明Web浏览器如何显示文档。应用CSS,可以改变如何显示Web页面的许多方面,字体,颜色,图形,链接等。级联是指一种特殊的...
  • chejinqiang
  • chejinqiang
  • 2015年03月03日 23:08
  • 267
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单CSS,实现“首字下沉”效果!
举报原因:
原因补充:

(最多只允许输入30个字)