CSS节制段落选一个字母放大表现殊效

发布时间：2018-08-18 02:50:15 所属栏目：编程来源：站长网

导读：CSS节制段落选一个字母放大表现殊效，我们常常看到一些报纸、杂志上有这样的结果，也就是把一段话的第一个字母重点表现出来，不是纯真的酿成大写，而是放大，你或者必要先运行一下本代码看看结果就大白了。演示： !DOCTYPE html PUBLIC -//W3C//DTD XHT

　　CSS节制段落选一个字母放大表现殊效，我们常常看到一些报纸、杂志上有这样的结果，也就是把一段话的第一个字母重点表现出来，不是纯真的酿成大写，而是放大，你或者必要先运行一下本代码看看结果就大白了。

　　演示：

<!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> <title>Pseudo-Elements</title> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <style> body { background-color: #FFFFFF; color: #595959; } #content p { font: 80%/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif; } #content p:first-letter { font-size: 2em; padding: 0.1em; color: #000000; vertical-align: middle; } #content p:first-line { color: #191970; } #content p:first-child { margin-left: 2em; } #content p:first-child:first-line { color: inherit; } </style> </head> <body> <div id="content"> <p>Welcome to http://www.veryhuo.com</p> <p>This is a bike.</p> </div> </body> </html><br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE