css 首字(字母)下沉效果在线演示

编辑代码
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" />
		<title>CSS ::first-letter 伪元素实现首字母下沉效果</title>		
		<style type="text/css" media="all">
			p::first-letter
			{
				font-size: 4em;
				font-weight: bold;
				border: 1px solid blue;
				margin-right: 8px;
				float: left;	
			}
		</style>
	</head>
	<body>
		
		<p>码农教程旨在为IT编程入门学员及码农们提供免费学习的平台。
          本网站有大量IT编程入门教程(JAVA, PHP, JAVASCRIPT, C, C++, HTML, 
          CSS等)及编程过程中遇到问题时的解决办法，在这里，码农们可以找到
          优质的IT编程入门教程，同时，码农们还可以找到大量编程入门实例及
          编程笔记，通过教程、实例、笔记和解决方案相结合，使码农们学习起
          来更容易更轻松。</p>

	</body>
</html>