首页 相关文章 CSS基础教程:网页图文混排的10个技巧

CSS基础教程:网页图文混排的10个技巧

图文混排! 我想,你会想到这个。这里,准备给你介绍10个在文章的排版中会用到的CSS基础,当然,包括图文混排,是怎样做到的。准备好了吗? 那我们开始:

1. 首行缩进

你知道的,从小学,老师就教我们,段落的开头应该空两格。而你使用word的时候,也有首行缩进这个功能,但在html中你的空格键好像起不了作用了。当然,你可以用来代替一个空格,但这不是理想的方式,用CSS吧,简单,有效:

p style="text-indent:2em;"你的内容/p

这样的话,这个有段落就会显示两个字符的缩进了。缩进更多? 修改, 2表示2个字符,你可以相应增加或者减少。下面是一个示例,来自李白的诗:

[ 查看全文 ]

2016-02-19 标签:

CSS基础教程:网页图文混排的10个技巧的相关文章

手机页面
收藏网站 回到头部