对于web前端设计师而言，CSS是最不陌生的了，目前CSS的最新版本为CSS 3， 除了对之前版本css的兼容外，还提供了很多新的特性，如果你想使用CSS3来重构或新建网站时，又不确定该样式是否对所有浏览器都兼容， 尤其是IE时，你可以考虑用一些在线工具来生成兼容性CSS3代码，这里小编就介绍大家一个在线CSS3生成工具：CSS3 Generator， 并使用它来生成兼容所有浏览器的border样式。
工具/原料
浏览器
1. 打开CSS3在线生成工具网站CSS3 Generator
打开浏览器，输入网址：“http://www.css3.me/”, 打开CSS3 Generator 工具。
2. 设置Border的宽度
1
点击主面板上的“edit the basics”按钮，打开基本设置面板
2
在Basics右侧的输入框中输入border的宽度。
3. 设置Border的颜色
点击border右侧的颜色面板，选择border的颜色。
4. 设置背景色
点击background右侧的颜色面板，选择border范围内的背景色。
5. 生成CSS3代码
1
设置完成后点击，网站最下方的“GET THE CODE!”按钮
2
点击“Select Code”， 选中代码，复制并粘贴到你的代码里。