新近最顶 都在看啥
霞关服务 手机推前
首页 新闻速递 社会文化 探寻资源 映讯资料 台风预警 爱看动漫 听听音乐 小小游戏 热图炫彩 坛谈论论
页面加入边框
>首页 -> 社会专题 -> 代码效果 2012-02-12 来源：163 作者： 浏览：1091次

  如果是css，修改CSS模块中，红色部分即可去掉边框：

                      #sidebar img.avatar {

border:1px solid #DDDDDD; 此行删掉即可

height:96px;

margin:0pt 2px 10px;

overflow:hidden;

padding:4px;

width:96px;

}            

如果是<table代码：

将下面的代码加在日志里面，就可以在图片上写日志了。

<table height=400 cellpadding=10 width=500 align=center background=图片地址 border=3 table="0">

<tbody>

<tr><td>

<div align=center><font face=楷体_gb2312><font size=4><font color=#ffffff>图片文字</embed></font></font></font></div></td></tr></tbody></table>

只需将“图片文字”换成你的文字就可以了。

2.添加透明flash图片

<EMBED style="LEFT: 150px; POSITION: absolute; TOP: 850px"

align=center src= http://imgfree.21cn.com/free/flash/35.swf  width=500 height=350 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal">  

如果是<td style代码：

<td style="background:url(图片地址) no-repeat;"></td>

 具体：  

1.(背景图片普遍类)

<style>

body{background-image:url(图片地址);

background-repeat:no-repeat;background-position:center}

</style>

说明:以上代码为网页背景图片固定代码！网页背景图片固定代码，这样，当向下拉网页时，

网页背景图片不会跟着向上移动，达到不动的目的！

2.(背景图片综合类)

<P class=style6> </P></SPAN><SPAN>

<TABLE width="100%">

<TBODY>

<TR>

<TD class=ArticleTitle align=left>

<DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR>

<TR>

<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left>

<CENTER> </CENTER>

<STYLE type=text/css><!--body {background-image:url( 图片地址);

background-repeat:no-repeat;

background-attachment:fixed;background-position:50% 50%}</STYLE>

</TD></TR></TBODY></TABLE></SPAN>

说明：

no-repeat;（不平铺）

改为这个repeat（平铺）

-----------------------------------------------

方法一：

文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了

也可以用代码：

<TABLE height=600 width=600 background=你的背景图片地址 border=0>

<TBODY>

<TR>

<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二：

<body background=你的背景图片地址 >

方法三：

<STYLE type=text/css><!--body {background-image:url(你的背景图片地址);

background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}-->

</STYLE>方法四：背景图是在HTML模式下把以下代码加到已有代码最前面：

<body background="图片地址">

注：图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他

文章上传之后才可以调用。方法五：

<STYLE TYPE="text/css">

<!--

BODY {background-image: URL(图片名称.gif);

background-position: center;

background-repeat: no-repeat;

background-attachment: fixed;}

-->

</STYLE>

背景图片+移动文字+透明flash图片代码

教程：如何在图片中加入文字？

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？

</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

兰色是：背景网址（可换）

红色是：放入文字的位置和格式

在图中如何加入SWF特效：

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入SWF特效？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT></DIV>

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer

src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200

type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></DIV></TD></TR>

</TBODY></TABLE>

绿色：是放入特效的位置和格式

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table>

<TBODY>

<TR>

<TD>

<P align=center><FONT face=隶书 color=#f7f709 size=5>双层表框加字<FONT color=#000000> </FONT>

<FONT color=#c709f7>（特效）</FONT></FONT></P></TD></TR>

<TR>

<TD height=300>

<DIV align=center><FONT face=楷体_GB2312 color=#33ff00 size=6><FONT color=#309d46>科林公司</FONT>

<FONT color=#e6bd1a>欢迎你</FONT></FONT></DIV>

<DIV align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer

src=http://imgfree.21cn.com/free/flash/51.swf width=470 height=200

type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV></TD></TR>

</TBODY></TABLE>

如何使用上下滚动字幕？

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT>

<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84>

<FONTcolor=#ff00ff>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？

</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

==============================

文字上下滚动代码：<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up

height=84>加文字<FONTcolor=#ff00ff>注：scrollAmount=2   是控制字速，数值越大字速就越快！

左右移动字：

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD>[*fly]

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4></FONT><BR></DIV>

<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>如何在图片中加入文字？

</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

附注：这是方法一，在UBB操作用“飞”就可达到这效果，在使用时把[*/fly]的*号去掉

左右移动字方法（二）：

代码如下：

<TABLE height=300 cellPadding=10 width=500 align=center

background=http://bbs.guolan.com/upload/2004813181838.gif border=3 table="0">

<TBODY>

<TR>

<TD></EMBED><BR><BR>

<DIV align=center>

<MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100>

<FONT color=#ff00ff>

<P align=center><FONT face=隶书 color=#0000ff size=5>左右移动的字！</FONT></P>

<P align=center><FONT face=隶书 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P>

<P align=center><FONT face=隶书 color=#00ffff size=5>左右移去的字！</FONT></P>

<P align=center><FONT face=隶书 color=#ff00ff size=5>谢谢！</FONT></P></FONT></MARQUEE></DIV></TD>

</TR></TBODY></TABLE>

页面立体外框

[查看演示]  源码如下

----------------------------------------------------------------------------------------

脚本说明:

把如下代码加入<body>区域中

<script language="java script1.2">

if (document.all)

document.body.style.cssText="border:25 ridge red"

</script>

----------------------------------------------------------------------------------------

页面外框宽度

[查看演示]  源码如下

----------------------------------------------------------------------------------------

脚本说明:

把如下代码加入<body>区域中

<script language="java script">

<!-- I.E. only page border script

if (document.all){

with (window.document.body.style){

borderWidth=15;

borderStyle='solid';

borderColor='ff8000';

}

}

//-->

</script>

----------------------------------------------------------------------------------------

您看到此篇文章时的感受是：

Tags：用
责任编辑：佚名
免责申明
除原创及很少部分因网文图片遗失而补存外，本站不存储任何有版权的内容。你看到的文章和信息及网址索引均由机器采集自互联网，由于时间不同，内容可能完全不同，请勿拿本网内容及网址索引用于交易及作为事实依据，仅限参考，不会自行判断者请勿接受本站信息，本网转载,并不意味着赞同其观点或证实其内容的真实性.如涉及版权等问题,请立即联系管理员,我们会予以更改或删除，保证您的权利.对使用本网站信息和服务所引起的后果,本网站不作任何承诺.
【大 中 小】 【打印 繁体 投稿 收藏】 【推荐 举报 评论:0条】 【关闭 返回顶部】
3
100
上一篇：网页:导航条,标题,边框,广告,logo…
下一篇：CSS布局：自适应高度的CSS布局
内容加载中,请稍候...
密码: (新用户注册)

<<
最新文章
[代码效果] 2017-03-10 waterfall自适应瀑..
[代码效果] 2016-07-16 iframe去边框、无..
[代码效果] 2016-07-15 历史今天择吉皇历..
[代码效果] 2016-07-15 历史今天寿星万年..
[代码效果] 2016-07-15 历史今天通用万年..
[代码效果] 2016-06-21 一个简洁易用的CSS..
[代码效果] 2016-06-21 canvas 圆形进度条..
[代码效果] 2016-06-16 苏宁易购顶部大图..
[代码效果] 2016-06-09 div css下拉导航菜..
[代码效果] 2016-06-06 js日期时间带星期..
图片主题
热门文章
[代码效果] 2016-02-21 世界部分地区日期..
[代码效果] 2016-07-16 iframe去边框、无..
[代码效果] 2016-06-21 一个简洁易用的CSS..
[代码效果] 2017-03-10 waterfall自适应瀑..
[代码效果] 2016-07-15 历史今天寿星万年..
[代码效果] 2012-01-23 CSS网页布局的常用..
[代码效果] 2016-07-15 历史今天通用万年..
[代码效果] 2016-07-15 历史今天择吉皇历..
[代码效果] 2016-06-21 canvas 圆形进度条..
[代码效果] 2016-06-16 苏宁易购顶部大图..
推荐文章
[代码效果] 2016-06-09 div css下拉导航菜..
[代码效果] 2016-05-29 二级横向蓝色+白色..
[代码效果] 2016-05-29 向下滑出的下拉菜..
[代码效果] 2016-05-29 点击切换的TAB标签..
[代码效果] 2016-05-29 CSS导航菜单
[代码效果] 2016-05-29 div+css+js实现菜..
[代码效果] 2014-10-10 jquery标签支持图..
[代码效果] 2012-11-17 html字体大小、颜..
[代码效果] 2012-01-23 CSS网页布局的常用..
相关文章

手机扫描

空间赞助

快速互动

论坛互动
讨论留言

有事联系

QQ咨询

统计联系

MAIL：gnlt@Dovechina.com
正在线上：

版权与建议

任何你想说的