你好,欢迎访问远方教程PC版!
广告位招租

Div+CSS速成第五天:超链接伪类(第4页)

[日期:2015-03-19]   来源:远方教程  作者:远方教程   阅读:6526次[字体: ] 访问[旧版]
 捐赠远方教程 

 

  四、首字下沉
  首字下沉是css伪类上的又一个运用,它可以直接通过css样式表向某个选择器中的文本首字母添加特殊的样式,而不需要把首字添加一个标签或通过程序来实现,今天以制作word里的首字下沉为例来讲解,应用如下伪元素:
:first-letter
在页面中添加如下一段内容,只用设置样式就可以实现首字下沉了:
<p>标准之路[www.aa25.cn]提供DIV+CSS教程,DIV+CSS视频教程,web2.0标准,DIV+CSS布局入门教程,网页布局实例,css布局实例,div+css模板,div+css实例解析,网站重构,网页代码,水晶图标,幻灯广告图片.教程适合初学者循序渐进学习!</p>
为了便于观察效果,我们设置p的样式如下:
p { width: 400px; line-height: 1.5; font-size: 14px; }
然后设置p:first-letter的样式

DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类
DIV CSS教程——第5天_超链接伪类

提示:可以先修改部分代码后再运行

图片展示
 
相关评论
站长推荐