爱乐之城epilogue:打扮博客-打造完美边框效果

来源：百度文库编辑：偶看新闻时间：2024/04/29 09:31:32

打扮博客-打造完美边框效果

日志文字代码如下:

演示:

日志文字

　

橙色代码如下：
<div style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 322px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 53px; BACKGROUND-COLOR: #fffacd" align="center"><p align="left">橙色</div>

演示:

橙色

粉色代码如下：

<div style="SCROLLBAR-FACE-COLOR: #f0b4b4; BORDER-LEFT-COLOR: #f0b4b4; BORDER-BOTTOM-COLOR: #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; WIDTH: 316px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #f0b4b4; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-RIGHT-STYLE: solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; BORDER-LEFT-STYLE: solid; HEIGHT: 55px; BACKGROUND-COLOR: #ffe1f0; BORDER-RIGHT-COLOR: #f0b4b4; BORDER-BOTTOM-STYLE: solid" align="center"><p align="left"><font color="#9900cc" size="2">粉色</font></div>

演示:

粉色

紫色代码如下：

<div align="left"><div style="BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed; SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll; BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 335px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM: #c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 57px; BACKGROUND-COLOR: #ddcae0" align="center"><div align="left"><font color="#9900cc" size="2">紫色</font></div>

演示:

紫色

淡黄色虚线代码如下：

<div align="left"><div style="BORDER-RIGHT: #f0c378 2pt dashed; BORDER-TOP: #f0c378 2pt dashed; SCROLLBAR-FACE-COLOR: #ffffb4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0c378 2pt dashed; WIDTH: 322px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 55px; BACKGROUND-COLOR: #ffffb4" align="center"><p align="left">?/P></p><p align="left"><font color="#ff9966" size="2">淡黄色虚线</font></div>

演示:

?/P>

淡黄色虚线

淡绿色虚线代码如下：

<div align="left"><div style="BORDER-RIGHT: #99ff99 3px dashed; BORDER-TOP: #99ff99 3px dashed; SCROLLBAR-FACE-COLOR: #99ff99; SCROLLBAR-HIGHLIGHT-COLOR: #99ff99; OVERFLOW: scroll; BORDER-LEFT: #99ff99 3px dashed; WIDTH: 72.03%; COLOR: #99ff99; BORDER-BOTTOM: #99ff99 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #00cc33; HEIGHT: 91px; BACKGROUND-COLOR: #ffffff" align="center"><p align="left"><font color="#00cc66">淡绿色虚线</font></div>

演示:

淡绿色虚线

透明效果虚线代码如下：

<div style="BORDER-RIGHT: #e08caa 3px dashed; BORDER-TOP: #e08caa 3px dashed; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #e08caa; OVERFLOW: scroll; BORDER-LEFT: #e08caa 3px dashed; WIDTH: 288px; COLOR: #e08caa; BORDER-BOTTOM: #e08caa 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #c850ff; HEIGHT: 55px; BACKGROUND-COLOR: #ffffff" align="center"><p align="left">透明效果虚线</div>

演示:

透明效果虚线

透明效果粉色虚线代码如下：
<div align="left"><div style="BORDER-RIGHT: #ffccff 3px dashed; BORDER-TOP: #ffccff 3px dashed; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; OVERFLOW: scroll; BORDER-LEFT: #ffccff 3px dashed; WIDTH: 57.28%; COLOR: #ffff66; BORDER-BOTTOM: #ffccff 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 51px; BACKGROUND-COLOR: #ffffff" align="center"><p align="center">　</p><p align="left"><font color="#ff0099">透明效果粉色虚线</font></div>

演示:

透明效果粉色虚线

土黄色虚线代码如下：
　

<div style="BORDER-RIGHT: #d5aa55 3px dashed; BORDER-TOP: #d5aa55 3px dashed; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #d5aa55; OVERFLOW: scroll; BORDER-LEFT: #d5aa55 3px dashed; WIDTH: 294px; COLOR: #d5aa55; BORDER-BOTTOM: #d5aa55 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #80ff00; HEIGHT: 57px; BACKGROUND-COLOR: #ffffff" align="center"><p align="left">土黄色虚线</div>

演示:

土黄色虚线

黄色代码如下：

<div style="BORDER-RIGHT: #cccc66 3px dashed; BORDER-TOP: #cccc66 3px dashed; SCROLLBAR-FACE-COLOR: #cccc66; SCROLLBAR-HIGHLIGHT-COLOR: #cccc66; OVERFLOW: scroll; BORDER-LEFT: #cccc66 3px dashed; WIDTH: 59.24%; COLOR: #ffff66; BORDER-BOTTOM: #cccc66 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 57px; BACKGROUND-COLOR: #ffffff" align="center"><p align="center">　</p><p align="left"><font color="#cc9933">黄色</font></div>

演示:
　

黄色

彩色背景代码如下：

<div style="BORDER-RIGHT: 6px ridge; BORDER-TOP: 6px ridge; SCROLLBAR-FACE-COLOR: #ccccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffff99; OVERFLOW: scroll; BORDER-LEFT: 6px ridge; WIDTH: 329px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffccff; SCROLLBAR-ARROW-COLOR: #ffccff; BORDER-BOTTOM: 6px ridge; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc; HEIGHT: 50px; BACKGROUND-COLOR: #ffe4c4" align="center"><p align="left"><font style="BACKGROUND-COLOR: #ff9933">彩色背景</font></div>

演示:

彩色背景

代码说明
align=center
//居中对齐是center,居左是left,右是right
style='
color: #990099;
//前景色为#ffffff
color: #ffffff;
//背景色为#000000
background-color: #000000;
//边框为2像素，黑色
border: solid 2px black;
//宽度120像素
width: 120px;
//高度200像素
height: 200px;
//超出范围时使用滚动条
overflow: scroll;
//滚动条的各个颜色如下
scrollbar-face-color: #889B9F;
scrollbar-shadow-color: #3D5054;
scrollbar-highlight-color: #C3D6DA;
scrollbar-3dlight-color: #3D5054;
scrollbar-darkshadow-color: #85989C;
scrollbar-track-color: #95A6AA;
scrollbar-arrow-color: #FFD6DA;
//在这个层中显示文字“日志文字”，层结束标志
'>日志文字

如何打造完美双腿？用derameaver打造梦幻效果如何打造完美的电脑防护体系大家来帮我打造完美MT! 街头篮球怎样打造完美C 如何做出这种边框效果怎样修改博客的边框大小完美的医疗效果完美产品的效果如何打造完美细腻的"白玉背"? 如何打造完美细腻的"白玉背"? 如何打造完美细腻的"白玉背"? 花多少钱可以打造完美一夏的装扮？博客效果代码完美产品效果好吗?神么? 博客中国的高人请进，怎么打造自己的博客呢？有没有什么教程啊？博客中国的高人请进怎么打造自己的博客呢？有没有什么教程啊？如何给表格的边框设置动态效果表格动态边框效果在网页中如何设置如何使用“Photoshop”将图片加上边框效果？这两张照片的边框效果怎么弄的？？用PHOTOSHOP怎么样做这个图片的边框效果呢？用PHOTOSHOP怎么样做这个图片的边框效果呢？用PHOTOSHOP怎么样做这个图片的边框效果呢？