做网页设计时经常要用到各种形状的图形，对于规则的图形很简单，但是对于不规则的图形，一般我们都是用图片来切图实现。不过今天给大家分享几十种看似简单却又非常强大的纯CSS绘制的图形，里面有最简单的矩形、圆形和三角形，也有各种常见的多边形，甚至是阴阳太极和网站小图标，真的非常强大，分享给大家。

要使指定的 div 元素慢慢旋转180度，可以使用CSS中的 animation 属性。具体步骤看详情

常用网站div css网站底部信信息加快速导航布局

相信网站前端开发者可能会遇到这样的问题，divimg src="picture.png"//div这样的格式在html5的文档标准下会有一段空白区域，那么怎样去掉这部分空白区域呢？首先我们要知道这部分空白产生的原因。图片默认的vertical-align是baseline，也就是字母x的下边距，我们在图片后面写上x就是这样如果给x加上背景色就是这样可以看到图片是与字母x的下边距对齐的，也就是baseline，css2的文档中有这么一句解释，翻译过来也就是一个inline-block元素

css代码

话不多说，直接上代码div style='width: 100px;display:block;word-break: break-all;word-wrap: break-word;'内容超出div宽度后自动换行的css代码/div重点在于word-break: break-all;word-wrap: break-word;

在网页前端设计的过程中，我们很多时候需要隐藏特定的图片或者文字来实现一些功能，比如我们希望用统计代码而不希望统计图标显示在网页中，或者指定一些链接而不希望链接文字显示出来，这时就需要用DIV+CSS来实现了。利用Div+Css实现隐藏文字内容主要有以下几种方法可用：1、display:none：这个是最方便方法，指定一个div，然后加上display:none属性，而且这样不会出bug。 经测试 ie6.0 、 7.0 、firefox 3.010 通过。但是遗憾的是，这样会多了个标签，循环中使用的话，h