* 图文特效 II
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→* 图文特效 II

* 图文特效 II
* 图文特效 II

* <wbr>图文特效 <wbr>II

* <wbr>图文特效 <wbr>II


文本框字体的源代码:

<DIV align=center
style='
color: #990099;
background-color:#FFFFE0;
border: solid 2px black;
width: 470px;
height: 180px;
overflow: scroll;
scrollbar-face-color: #ffc0cb;
scrollbar-shadow-color: #ffb6c1;
scrollbar-highlight-color: #98fb98;
scrollbar-3dlight-color: #ffb6c1;
scrollbar-darkshadow-color: #90ee90;
scrollbar-track-color: #ffdead;
scrollbar-arrow-color: #f5deb3;
'>日志文字</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;
在这个层中显示文字“日志文字”,层结束标志
'>日志文字</DIV>


在图片中间实现文字框特效的源代码:

<CENTER>
<TABLE style="WIDTH: 484px; HEIGHT: 527px" width=484border=0>
<TBODY>
<TR>
<TD background=图片地址 height=384>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2pxsolid; SCROLLBAR-FACE-COLOR: #ffc0cb; SCROLLBAR-HIGHLIGHT-COLOR:#98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH:406px; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099;SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3;SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid;SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 409px;BACKGROUND-COLOR: #ffffe0" align=center><FONTcolor=#ff00ff>

要书写的内容</FONT></DIV></TD></TR></TBODY></TABLE></CENTER>

 

代码说明:
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;

* <wbr>图文特效 <wbr>II


给文字框加上背景图片特效的源代码:

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP:black 2px solid; SCROLLBAR-FACE-COLOR: #ff00ff;SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT:black 2px solid; WIDTH: 470px; SCROLLBAR-SHADOW-COLOR: #ffb6c1;COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1;SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead;BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR:#90ee90; HEIGHT: 180px; BACKGROUND-COLOR: #ffff11"align=center><FONT color=#009900 size=4>
<CENTER>
<TABLE width="100%" border=0>
<TBODY>
<TR>
<TDbackground=图片地址 height=384><FONT color=#009900size=4>文章内容</FONT></TD></TR></TBODY></TABLE></CENTER></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;


* <wbr>图文特效 <wbr>II
 
所属分类:建站指南代码特效    作者:新浪博客    时间:2010-11-20 0:00:00

文章导航