CSS
CSS Float(浮动)
让段落的第一个字母浮动到左侧
源代码:
点击运行 »
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> span { float: left; width: 1.2em; font-size: 400%; font-family: algerian, courier; line-height: 80%; } </style> </head> <body> <p> <span>这</span>是一些文本。 这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 这是一些文本。这是一些文本。这是一些文本。 </p> <p> 在上面的段落中, 第一个字嵌入在span 元素中。 这个 span 元素的宽度是当前字体大小的1.2倍。 这个 span 元素是当前字体的400%(相当大)， line-height 为80%。 文字的字体为"Algerian"。 </p> </body> </html>
运行结果:
点击运行 »
