`

css首字母特效像报纸正文首字母突出变大

    博客分类:
  • CSS
阅读更多

http://dl.iteye.com/upload/attachment/0080/1173/50a72841-fc26-3d12-ba12-4b57032b9067.jpg

 

<style type="text/css">
p:first-letter 
{
color: #ff0000;
font-size:xx-large
}
</style>


<style type="text/css">
p:first-letter
  {
  color:#ff0000;
  font-size:xx-large;
  }

p:first-line 
  {
  color:#0000ff;
  font-variant:small-caps;
  }
</style>

 

在线预览:http://www.w3school.com.cn/tiy/t.asp?f=csse_firstletter

  • 大小: 15.6 KB
分享到:
评论

相关推荐

    利用css生成首字母文字头像代码

    而在文章中没有图片时,我们可以使用一张默认的图,总是搞这些默认的图不是很好看,这时我们可以用css来生成文章标题首字母的头像为图片,这样会不会看起来很美观,那么如何利用css生成首字母文字头像? 利用css生成...

    首字母索引侧边栏CSS3特效.zip

    首字母索引侧边栏CSS3特效是一种常见的网页设计元素,尤其在内容丰富的网站中,如博客、在线目录或企业名录等,它可以帮助用户快速定位和浏览内容。这个特效利用了CSS3的强大功能,结合了JavaScript(可能是jQuery库...

    js+css3侧边栏滚动显示首字母索引特效

    【js+css3侧边栏滚动显示首字母索引特效】是一种常见的网页交互设计,它在长篇内容的侧边栏提供一个可滚动的字母列表,用户可以通过点击对应的首字母快速定位到相应内容。这种效果提高了用户体验,尤其适用于文章...

    iPhone通讯录首字母检索特效.zip

    《基于jQuery实现的iPhone通讯录首字母检索特效详解》 在现代智能手机中,通讯录的高效检索功能至关重要,尤其对于iOS设备用户来说,其独特的首字母检索方式深受喜爱。本篇将详细介绍如何利用JavaScript库jQuery来...

    全套CSS滤镜特效 全套 CSS 滤镜 特效

    全套CSS滤镜特效 全套 CSS 滤镜 特效

    js+css3侧边栏滚动显示首字母索引特效.zip

    标题中的"js+css3侧边栏滚动显示首字母索引特效"指的是一个网页设计技术,结合了JavaScript和CSS3来实现一种交互式的侧边栏导航。这种特效通常用于长篇内容,比如文章目录或者产品列表,用户可以通过点击首字母快速...

    首字母索引侧边栏CSS3特效特效代码

    首字母索引侧边栏CSS3特效是一种网页设计技术,用于增强用户体验,特别是在内容丰富的页面上,如文章目录或人员列表。这种特效允许用户通过点击首字母快速跳转到相应内容,提高查找效率。在本案例中,这个特效是通过...

    CSS特效+CSS图标

    CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...

    CSS3字母弹性放大缩小特效.zip

    【CSS3字母弹性放大缩小特效】是一种常见的网页动态效果,主要利用了CSS3中的关键帧动画(@keyframes)和变换(transform)属性来实现。这个特效可以使文本元素在页面上呈现出有节奏的放大和缩小效果,从而吸引用户...

    H5首字母检索城市

    首字母检索的核心思想是将所有城市按拼音首字母进行分类,这样用户在输入城市名的首字母时,系统可以迅速缩小搜索范围。这一功能的实现主要涉及以下几个技术点: 1. 数据处理:首先,需要对所有城市的名称进行...

    CSS3鼠标经过突出放大显示特效.zip

    "CSS3鼠标经过突出放大显示特效"是一种常见的用户体验优化技术,它允许用户在鼠标悬停在元素上时,元素以一种吸引人的方式放大,从而增强用户的视觉体验。这个特效通常应用于导航菜单、产品展示或图片库等场景,让...

    css 波浪粒子特效html 代码

    这种特效主要基于HTML、CSS和JavaScript三大核心技术,其中HTML负责构建网页结构,CSS用于定义样式和布局,而JavaScript则为动态效果提供了可能。 在HTML部分,代码会创建一个基础的网页结构,通常包含一个canvas...

    首字母索引侧边栏CSS3特效

    首字母索引侧边栏CSS3特效是一种常见的网页设计技术,它主要应用于具有大量内容的页面,例如文章目录、人员列表或产品分类等。通过这种特效,用户可以通过点击首字母快速定位到相应内容,提高浏览效率。在这个项目中...

    CSS 首字母大写代码

    8. 注意事项:首先,虽然示例中只展示了`&lt;p&gt;`元素的首字母,但CSS的`p:first-letter`选择器可以对任何`&lt;p&gt;`元素生效,这为网页设计提供了很大的灵活性。其次,由于技术原因导致文档扫描过程中可能出现文字识别错误,...

    网页特效大全JS特效,html特效,CSS特效,FLASH特效

    网页特效大全JS特效,html特效,CSS特效,FLASH特效.mht

    css3特效-css实现烟花特效

    css3+js实现烟花绽放的动画效果

    CSS3创意几何Love字母特效.zip

    【CSS3创意几何Love字母特效】是一个以CSS3技术为核心的网页特效,主要展示了如何通过CSS3的特性来创建富有创意的、动态的“Love”字母效果。这个特效不仅具有视觉吸引力,而且因为基于jQuery,所以可以轻松地在网页...

    html+css+js实现炫酷网页特效

    html+css+js实现炫酷网页特效html+css+js实现炫酷网页特效html+css+js实现炫酷网页特效html+css+js实现炫酷网页特效html+css+js实现炫酷网页特效html+css+js实现炫酷网页特效html+css+js实现炫酷网页特效html+css+js...

    CSS实现段落首字母、首字放大特效

     段落首字母放大是指放大段落开头的字母或者汉字,主要使用了css的first-letter伪类选择器。 单行放大:  在第一行内放大,效果如下: 复制代码代码如下:&lt;!DOCTYPE html&gt;&lt;html lang=”en”&gt;&lt;head&gt;...

    CSS3动画特效

    各种CSS3动画特效,可用于各种弹框弹出特效,div框悬停动画等

Global site tag (gtag.js) - Google Analytics