`

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
分享到:
评论

相关推荐

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

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

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

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

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

    其中,段落首字母或首字放大特效是一种流行的设计手法,它可以在视觉上突出文本内容的开始部分,从而引导用户的阅读注意力。本文将详细介绍如何通过CSS实现段落首字母或首字的放大效果。 首字母或首字放大特效主要...

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

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

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

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

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

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

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

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

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

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

    css 波浪粒子特效html 代码

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

    超赞CSS3特效集合-28个

    CSS3还引入了多列布局(`column-count`, `column-gap`, `column-width`等),使得创建报纸般的多栏布局变得简单。此外,Flexbox(弹性盒模型)和Grid布局提供了更强大的二维布局控制,能实现更灵活的网页设计。这些...

    html+css 表白专用特效

    html表白用的免费源代码 html+css 表白专用特效 html表白用的免费源代码 html+css 表白专用特效 html表白用的免费源代码 html+css 表白专用特效html表白用的免费源代码 html+css 表白专用特效 html表白用的免费源...

    首字母索引侧边栏CSS3特效

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

    几款酷炫的css3文字动画特效

    在本主题中,我们将深入探讨"几款酷炫的CSS3文字动画特效",以及如何通过Splitting库来实现这些效果。 1. CSS3文字动画基础 CSS3的文字动画效果主要依靠关键帧(@keyframes)规则,它允许设计师定义动画的起始和...

    CSS 首字母大写代码

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

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

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

    纯CSS3实现DIV高亮显示特效

    "纯CSS3实现DIV高亮显示特效"是一种技术,它利用CSS3的特性,无需依赖JavaScript或图像,就能创建出吸引人的高亮效果。这篇文章将深入探讨如何使用CSS3来实现这一效果。 首先,我们要了解CSS3的一些基本概念。CSS3...

    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虚拟抽奖小特效 CSS虚拟抽奖小特效 CSS虚拟抽奖小特效 HTML文件

    Layui首字母搜索下拉框

    在这个“Layui首字母搜索下拉框”的主题中,我们将深入探讨如何利用Layui实现一个高效的首字母、拼音或中文搜索功能,以提升用户在大量数据中的查找体验。 首先,我们需要了解Layui的基础结构。Layui的核心在于它的...

Global site tag (gtag.js) - Google Analytics