用Html标签和css来写一个花式流程图，先看这张已经完工的流程图，一个白色圆形，中心是文字，围绕它周围的是8个彩色的花瓣，花瓣中间有文字。另外圆环周围缺角的三角形部分分别对应的是花瓣的颜色。难点分析：1、如何div布局。

10分钟用Html+css写一个渐变背景的个人名片

个人名片在个人博客网站上的位置一般是在首页右上角，一点开网站就能看见，信息量并不多，但是对于访客说，可以直观快速的了解这个网站的站长信息。接下来咱们就花10分钟，用html标签+css写一个个人名片吧。先看一下效果图：预览

用Html标签和CSS3写的一个手机！

手机外形上来说就是长方形，然后加上圆角边框，如果是简单的平面图形，几分钟就可以用html标签和css写一个手机模型。但如果有高光，菱角等让手机展示的更逼真，可以用到css背景渐变属性。

巧用CSS background-image属性制作图形背景

先看一张广告图，这是我们平时在浏览网页的时候，经常见到的一种文字广告设计，在文字周围绕着白色线条，我想大多数设计师可能就直接在ps中画一个png图片，再用css background-image 背景属性插入图片链接来实现。但今天这篇文