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

  如果是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：用 责任编辑：佚名
【大 中 小】【打印】 【繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部】
更多
上一篇：CSS布局：自适应高度的CSS布局 下一篇：网页:导航条,标题,边框,广告,logo..
版权申明: 本站不上传及存储任何影音、图片及有版权的文件，内容均收集及采集自互联网第三方，尤其是各大影音及大型网站的分享平台， 由于系统采集缺陷，难免有疏忽版权及其他问题。如有侵权，请留言、评论或EMAIL告知，待本站修正。

最新文章

[代码效果]网页变黑色CSS代码2019-04-07
[代码效果]皮影客和优芽制作互动动..2018-07-06
[代码效果]满屏出现的烟花效果2018-01-20
[代码效果]网页对联代码2018-01-12
[代码效果]CSS排版页面实例代码2017-12-28
[代码效果]waterfall自适应瀑布流图..2017-03-10
[代码效果]手机屏幕尺寸测试——手..2016-12-28
[代码效果]iframe去边框、无边框使..2016-07-16
[代码效果]历史今天择吉皇历代码2016-07-15
[代码效果]历史今天寿星万年历代码2016-07-15

热门文章

[代码效果]CSS jquery实现Div底部固..2010-07-12
[代码效果]微软首页竖向TAB滑动门2011-02-11
[代码效果]一个带标号的CSS文章列表..2011-02-20
[代码效果]CSS垂直，水平居中2011-02-20
[代码效果]学习JS瀑布流的简单示例..2011-02-20
[代码效果]一个高宽自适用100%,部分..2011-02-20
[代码效果]Div透明代码，透明的box..2011-02-20
[代码效果]网页Div层拖动，拖拽特效..2011-02-20
[代码效果]单行显示新历、农历、星..2011-03-06
[代码效果]横式图片幻灯代码2011-03-06

推荐文章

[代码效果]页面加入边框 2012-02-12
[代码效果]二级横向蓝色+白色背景两..2016-05-29
[代码效果]div css下拉导航菜单2016-06-10
[代码效果]CSS 布局:40个教程、技巧..2014-04-07
[代码效果]一个高宽自适用100%,部分..2011-02-20
[代码效果]DIV+CSS网页布局常用的一..2011-03-06
[代码效果]网页变黑色CSS代码2019-04-07
[代码效果]禁止网页被另存为的方法2016-02-21
[代码效果]QQ在线客服JS代码，自适..2016-02-04
[代码效果]强烈推荐的一款CSS导航菜..2016-02-04

密码: (新用户注册)

手机扫描

空间赞助

快速互动

论坛互动
讨论留言

有事联系

有哪个那个什么的,赶紧点这里给DOVE发消息

统计联系

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

版权与建议

任何你想说的