简单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制作首字下沉

在杂志排版中,常常能看到首字下沉的效果。 在Web的排版中,也常常能看到上图这样的效果。并且常常看到的是首段首字下沉。那么今天这篇文章咱们来聊聊如何使用CSS实现首字下沉效果。::first-l...

段落首字大写下沉

今天要讲的内容是如何实现“首字下沉”,,第一个字是很大的红色楷体,陷于一段文字之首。这种做法在杂志中常见,但是在网页中不那么常见。那么如何实现呢?其实很简单,只有一句CSS就可以了。  Selecto...

一步一步用CSS3实现简单的Loading动画效果

一步一步用CSS3实现简单的Loading动画效果基本思路 用css3实现一个深灰色的圆环 把圆环上四分之一的颜色变成蓝色 让圆环转起来 现在开搞了 html标签很简单,就一句

CSS3+js实现简单的旋转圆环时钟效果实例

时钟的demo *{margin:0;padding:0;} .loading{margin:100px auto;width:25em;height:8em;position: relati...

用CSS实现一个简单的幻灯片效果页面

又是一个常见面试题,不搜不知道,一搜吓一跳,有很多很有意思的写法。第一反应是利用CSS3的animation。不过为了兼容浏览器,记得加各浏览器前缀(“chrome和safira:-webkit-”、...

css3和jQuery实现一个简单的标签页效果

主要用css3另外一种jQuery思路方法来实现标签页的切换效果,主要用css3来实现一些渐变,阴影和圆角效果,    css代码如下:        body{width: 600px;...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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