`

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生成...

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

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

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

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

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

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

    首字母索引侧边栏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...

    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...

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

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

    css 波浪粒子特效html 代码

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

    CSS3风水罗盘旋转动画特效.rar

    CSS3风水罗盘旋转动画特效.rar CSS3风水罗盘旋转动画特效.rar CSS3风水罗盘旋转动画特效.rar CSS3风水罗盘旋转动画特效.rar CSS3风水罗盘旋转动画特效.rar CSS3风水罗盘旋转动画特效.rar CSS3风水罗盘旋转动画特效....

    首字母索引侧边栏CSS3特效

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

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

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

    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实现DIV高亮显示特效

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

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

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

    Layui首字母搜索下拉框

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

    CSS3悬停特效合集Hover.css.zip

    CSS3悬停特效合集Hover.css就是为实现这一目标而精心设计的资源库,它包含了丰富的2D变化特效、边框特效和阴影特效,为网页设计师提供了便捷的工具箱,使得动态效果的添加变得轻松且高效。 首先,我们来深入了解...

    354个CSS3特效源码合集(HTML+CSS+JavaScript)

    354个CSS3特效源码合集(HTML+CSS+JavaScript): HTML5跨浏览器纯CSS工具提示特效, 炫酷CSS3鼠标滑过图片动画特效, 移动手机APP滑动手指切换图片特效,2种不可思议的纯CSS3 loading加载动画特效等等。

Global site tag (gtag.js) - Google Analytics