常用边框类代码,博友们觉得有用就拿去
① 边框类：
1. 外凸边框：
效果：
代码：
代码说明：
蓝色部分为可修改部分，一一说明：
四个2表示凸起边框的宽度，用1的话不太明显，2或3比较合适；
四个outset表示边框类型为"凸起"，如果都改成inset或者double，就分别是凹陷边框和双线边框的效果，其他效果下文会给出完整代码；
WIDTH: 100%; 和HEIGHT: 100%表示这个框的宽度占日志宽度的百分之百，当窗口伸缩的时候，框的宽度也会随着伸缩，HEIGHT表示高度，另外，还有一种表示方法以px为单位的，表示单位为象素，例如：WIDTH: 355px 表示框的宽度为355象素，不同的版式，日志宽度是不一样，可参考这里给定的值， 一般的情况下，用百分比表示就可以了，但是有的时候需要用象素来确定大小，见机行事吧；
align=left表示框内内容的排列方式为左对齐，把left分别改成center或right分别为居中对齐和右对齐，如果想左对齐的话，可以把align=left删掉，缺省情况下是左对齐；
ffffff表示框内的背景色，ffffff表示白色(000000表示黑色)，颜色值可参考这个表来选择，另外，将#ffffff改为transprant即为透明背景，个人认为透明背景比较常用；为了方便复制粘贴，给出透明背景的边框代码如下：(框内红色部分为代码)
日志文字为框内的日志内容，没有必要在代码里编辑，回到普通设计模式，双击生成的框，即可进入框内编辑文字。
2. 内凹边框：
效果：
代码：
透明背景内凹边框代码：
代码说明：
类似上面的，略……
3. 双线边框：
透明背景双线边框代码：
其实，前面的边框也可以像双线边框一样设置颜色，但个人觉得，凹凸效果的颜色还是默认比较好。
4. 虚线边框：
透明背景虚线边框代码：
5. 沟线立体效果边框
个人认为这个边框的背景色最好用透明，而且边框的粗细值不能太小，否则效果不明显
6. 脊线立体效果边框
px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; WIDTH: 100%; BORDER-BOTTOM: 3px outset; HEIGHT: 100%" align=left>日志文字
效果：
日志文字
代码：
3
代码说明：
蓝色部分为可修改部分，一一说明：
四个2表示凸起边框的宽度，用1的话不太明显，2或3比较合适；
四个outset表示边框类型为"凸起"，如果都改成inset或者double，就分别是凹陷边框和双线边框的效果，其他效果下文会给出完整代码；
WIDTH: 100%; 和HEIGHT: 100%表示这个框的宽度占日志宽度的百分之百，当窗口伸缩的时候，框的宽度也会随着伸缩，HEIGHT表示高度，另外，还有一种表示方法以px为单位的，表示单位为象素，例如：WIDTH: 355px 表示框的宽度为355象素，不同的版式，日志宽度是不一样，可参考这里给定的值， 一般的情况下，用百分比表示就可以了，但是有的时候需要用象素来确定大小，见机行事吧；
align=left表示框内内容的排列方式为左对齐，把left分别改成center或right分别为居中对齐和右对齐，如果想左对齐的话，可以把align=left删掉，缺省情况下是左对齐；
ffffff表示框内的背景色，ffffff表示白色(000000表示黑色)，颜色值可参考这个表来选择，另外，将#ffffff改为transprant即为透明背景，个人认为透明背景比较常用；为了方便复制粘贴，给出透明背景的边框代码如下：(框内红色部分为代码)
日志文字
2. 内凹边框：
效果：
日志文字
代码：
日志文字
透明背景内凹边框代码：
日志文字
类似上面的，略……
3. 双线边框：
日志文字
日志文字
4. 虚线边框：
日志文字
日志文字
日志文字
6. 脊线立体效果边框
日志文字
px outset; BORDER-TOP: 3px outset; BACKGROUND: #ffffff; BORDER-LEFT: 3px outset; WIDTH: 100%; BORDER-BOTTOM: 3px outset; HEIGHT: 100%" align=left>日志文字
还有一些扩展的效果，例如：
只有上下边框的外凸效果，背景透明
只有左右边框的外凸效果，背景透明
只有上下边框的内凹效果，背景透明
只有左右边框的内凹效果，背景透明
没有加 HEIGHT: xxx%，需要的话，自己加吧
我个人很偏爱这种只有左右或者只有上下的边框在深色背景上效果很不错，简洁，大方，美观，至少我是这么认为，每个人的眼光和欣赏角度不同，至于哪一种好看，看你咯^_^
好！的一部分完成了，准备下一部分，明天再说吧.
博主推荐:
