110互动论坛 - Powered by Discuz! Board

标题: 【网络小说图库】之背景4 精华 [打印本页]

作者: yuxiangminyi 时间: 2010-5-8 16:42 标题: 【网络小说图库】之背景4 精华

简单办法：解决加背景后文字超出右边界的问题
风尘
大家在添加了背景后，经常遇到的问题是文字超出了右边界，有半个字被遮住了。解决这个问题的办法很简单。只需要再添加一小行代码“ <div style="width: 630px;" > ”就可以了。
简单说明一下原理，考虑多数人并没学过编程，尽量不用专业术语。通常我们使用以下代码来添加背景图片：
<DIV style="BACKGROUND-IMAGE: url(图片地址); BACKGROUND-COLOR: #ffffff; COLOR: #0080ff" id=c_4 class=content>
我们可以把它理解为铺了一张彩色的纸，但是并没有限制这张纸的大小，我们的文字排版在上面被一些我们所不知道的规则（我们发帖的框只是整个网页的一部分）限制着。我们再做一件事就是在这张大纸上再放一张尺寸由我们自己确定的透明纸，让排版范围在透明纸的范围之内就不会超出边界了。这张透明纸就是“<div style="width: 630px;" >”这段代码。具体添加的位置是紧跟在添加背景的代码之后。即：
<DIV style="BACKGROUND-IMAGE: url(图片地址); BACKGROUND-COLOR: #ffffff; COLOR: #0080ff" id=c_4 class=content> <div style="width: 630px;" >
这个效果是放了一张宽度为630像素的透明纸。调整这个数值，可以获得我们想要的任意宽度。如果希望看到这个方法的更多效果。可以去《朝酒晚舞》看我制作的《人物谱》这个帖子，方便集中解答大家的疑问。

更简单的办法是直接用以下代码贴背景：
<DIV style="BACKGROUND-IMAGE: url(图片地址); WIDTH: 625px; BACKGROUND-COLOR: #ffffff; COLOR: #010101" id=c_4 class=content>

作者: 密西西比河 时间: 2010-5-8 16:43

作者: 花开绿叶明 时间: 2010-5-8 16:44

作者: 出外的囝仔 时间: 2010-5-8 16:45

作者: xxtyshun 时间: 2010-5-8 16:46

作者: ＠乌鸦＠ 时间: 2010-5-8 16:47

作者: 我不是少爷 时间: 2010-5-8 16:47

作者: 6228975 时间: 2010-5-8 16:48

作者: yoii0 时间: 2010-5-8 16:49

作者: 良思俊旭 时间: 2010-5-8 16:49

欢迎光临 110互动论坛 (http://bbs.110.com/)