0顶

文章首字放大效果

稿源：互联网 2022-06-25 11:07:41 点击： 596 撤稿纠错

通过css使得文章的首个字符达到放大效果，很多网站都用到了这个特效。

以下讨论的是和相关的文章首字放大效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="keywords" content="站长,网页特效,js特效,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>CSS首字下沉效果，sky整理和搜集。</title>
<style type="text/css">
.dyfirst {
	width:300px;
	border:1px solid #ddd;
	padding:5px;
	font-size:12px;
	margin:5px 0;
}
.dyfirst:first-line {
	color:#050;
}
.dyfirst:first-letter {
	font-size:300%;
	font-weight:bold;
	color:#000;
	float:left;
}
</style>
</head>
<body>
<a href="<#ZC_BLOG_HOST#>">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div class="dyfirst"> To the world you may be one person, but to one person you may be theworld. Never frown, even when you are sad, because you never know who is fallingin love with your smile. </div>
<div class="dyfirst"> 对于世界而言，你是一个人；但是对于某个人，你是他的整个世界。纵然伤心，也不要愁眉不展，因为你不知是谁会爱上你的笑容。 </div>
</body>
</html>

关于文章首字放大效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2016319762569.shtml方便下次再访问哦。

·上一篇： 点击链接后弹出漂亮的层
·下一篇： 文本过长出现省略号效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

文章首字放大效果

文章分类LIST >>返回首页

最新游戏

最新新闻