|
【叶脉空间】网页素材、博客装饰、在线工具、生活百科、唯美音画 —— 最实用、最简便、最多样的网页助手平台 |
1、WIDTH: 400px代表显示宽度,HEIGHT: 100px代表显示高度。红色数据部分按需要更改,颜色代码也可自行修改。
2、div代码内换行在代码视图中需要的位置打<br>。
3、align="center"表示文字居位中间,如不需居中,可换成align="left"(左)、align="right"(右)。
第一款、代码: <CENTER><div style="BORDER-TOP: medium none"><div style="BORDER-TOP: white 2px solid; OVERFLOW: auto; BORDER-LEFT: white 2px solid; WIDTH: 400px; COLOR: rgb(0,0,0); BORDER-BOTTOM: white 2px solid; HEIGHT: 100px">日志内容</div></div></CENTER>
实例效果:
第二款、代码: <CENTER><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffe0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffe0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ccccff; COLOR: #009900; SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 100px; BACKGROUND-COLOR: #ffffcc" align=center>日志内容</DIV></CENTER>
实例效果:
第三款、代码: <CENTER><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; BACKGROUND-COLOR: #000000"><FONT color=#ff9900>日志文字</FONT></DIV></CENTER>
实例效果:
第四款、代码: <CENTER><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 100px; BACKGROUND-COLOR: #fffacd" align=center>日志文字</DIV></CENTER>
实例效果:
第五款、代码: <CENTER><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 100px; BACKGROUND-COLOR: #ccffcc" align=center><FONT color=#009900></FONT>日志文字</DIV></CENTER>
实例效果:
第六款、代码: <CENTER><div style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR: #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 100px; BACKGROUND-COLOR: #ffe1f0" align="center"><font color="#9900cc">日志文字</font></div></CENTER>
实例效果:
第七款、代码: <CENTER><div style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcc99; SCROLLBAR-HIGHLIGHT-COLOR: #ff9966; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ff9966; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcc99; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 100px; BACKGROUND-COLOR: #ffcc99" align="center"><div align="left"><font color="#009900"><font color="#ff3300">日志文字</font></div></div>
实例效果:
选摘自网络