如何运用代码做精美的边框
来源:百度文库 编辑:神马文学网 时间:2024/04/28 19:37:02
(2010-07-08 20:47:12)转载
标签:休闲
分类:博客技巧
如何运用代码做精美的边框
',1)">',2)">',3)">',4)">',5)">
原 始 代码
代码解析:
1、BORDER-RIGHT:表示该边框的右边框线;LEFT表示左边框线;TOP、BOTTOM表示上、下边框线;
2、#0000ff 表示该边框线的颜色,有关颜色的选取请参照〓博客颜色代码表〓
3、7pt表示该边框线的粗细度,可根据需要改变其数值;
4、上述代码中的红色部分double表示该边框为单线边框、double为双线边框、outset表示为凸出型边框、inset为凹槽型边框、dashed为虚线型边框等
5、align=center 表示该边框在日志中居正中位置, 需要说明的是:日志页面的总宽度一在720至800之间.只有宽度值小于700以下时,边框才会出现居左、居右或居中的现象; align=left 居左 align=right 居右
6、如果去除上述代码中的最后一行中的bgColor=#ffffff
代码, 最终该边框内部的颜色显示为你日志页面的颜色.如果你想在该边框内添加一种背景颜色,只要在粉红处改变颜色代码即可. 例:#ffffff表示内框背景为白色,现在需要黑色作为背景颜色只要改为#00000即可.
改变上述代码中的部分代码及数值后,就可以获得各种颜色形状不同的边框.
1、单线型边框样式与代码:
2、双线型边框样式与代码:
3、凸出型边框样式与代码:
4、凹陷型边框样式与代码:
5、虚线型边框样式与代码:
6、脊状立体边框样式与代码:
7、粒状阴影框样式与代码:
8、立体阴影框样式与代码:
9、邮票型边框样式与代码:
10, 凹状双内虚线框样式与代码:
11, 点状虚线框样式与代码:
12, 点状内虚线框样式与代码:
分享
0
顶
阅读(76)┊评论 (0)┊收藏(1) ┊转载(1) ┊顶▼ ┊打印┊举报
已投稿到:排行榜
转载列表:
转载 转载是分享博文的一种常用方式...
前一篇:十分钟学会制作边框
后一篇:图片无间隙滚动
评论重要提示:警惕虚假中奖信息 新!用微软Live Writer离线写博文 关注每日最热门博客
[发评论]
当第一个评论者吧!抢沙发>>
发评论《影评达人》活动火热进行中 博客里正在发生的新鲜事儿 关注每日最热门博客
标签:休闲
分类:博客技巧
如何运用代码做精美的边框
',1)">',2)">',3)">',4)">',5)">
原 始 代码
填写内容 |
代码解析:
1、BORDER-RIGHT:表示该边框的右边框线;LEFT表示左边框线;TOP、BOTTOM表示上、下边框线;
2、#0000ff 表示该边框线的颜色,有关颜色的选取请参照〓博客颜色代码表〓
3、7pt表示该边框线的粗细度,可根据需要改变其数值;
4、上述代码中的红色部分double表示该边框为单线边框、double为双线边框、outset表示为凸出型边框、inset为凹槽型边框、dashed为虚线型边框等
5、align=center 表示该边框在日志中居正中位置, 需要说明的是:日志页面的总宽度一在720至800之间.只有宽度值小于700以下时,边框才会出现居左、居右或居中的现象; align=left 居左 align=right 居右
6、如果去除上述代码中的最后一行中的bgColor=#ffffff
代码, 最终该边框内部的颜色显示为你日志页面的颜色.如果你想在该边框内添加一种背景颜色,只要在粉红处改变颜色代码即可. 例:#ffffff表示内框背景为白色,现在需要黑色作为背景颜色只要改为#00000即可.
改变上述代码中的部分代码及数值后,就可以获得各种颜色形状不同的边框.
1、单线型边框样式与代码:
填写内容 |
2、双线型边框样式与代码:
填写内容 |
3、凸出型边框样式与代码:
填写内容 |
4、凹陷型边框样式与代码:
填写内容 |
5、虚线型边框样式与代码:
填写内容 |
6、脊状立体边框样式与代码:
填写内容 |
7、粒状阴影框样式与代码:
填写内容 |
8、立体阴影框样式与代码:
填写内容 |
9、邮票型边框样式与代码:
填写内容 |
10, 凹状双内虚线框样式与代码:
填写内容 |
11, 点状虚线框样式与代码:
12, 点状内虚线框样式与代码:
填写内容 |
分享
0
顶
阅读(76)┊评论 (0)┊收藏(1) ┊转载(1) ┊顶▼ ┊打印┊举报
已投稿到:排行榜
转载列表:
转载 转载是分享博文的一种常用方式...
前一篇:十分钟学会制作边框
后一篇:图片无间隙滚动
评论重要提示:警惕虚假中奖信息 新!用微软Live Writer离线写博文 关注每日最热门博客
[发评论]
当第一个评论者吧!抢沙发>>
发评论《影评达人》活动火热进行中 博客里正在发生的新鲜事儿 关注每日最热门博客