┢┦aPpY ☆╮『 酷色炫彩...님의 프로필┢┦aPpY ☆╮『 酷色炫彩 』ⓒⓞⓞⓛ사진블로그리스트 도구 도움말

블로그


    9월 19일

    背景图片的添加方法

     

     

    背景实例:

    1、

     

    代码:

    <table height="530" cellSpacing="5" width="358" background="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" border="1">
      <tbody>
        <tr>
          <td> </td>
        </tr>
      </tbody>
    </table>

    说明:

    border="1" 边框粗细

    width="358" 边框宽度

    height="530" 边框高度

    cellspacing="5" 单元格间距

    注意:当选用大型图片做背景时,边框须符合图片的大小。(可右击图片属性查看)

     背景实例2、

    ๑۩۞۩๑❤●•۰幽の魔法素材屋。-‿◕。

    代码:

    <table height="530" cellSpacing="5" width="358" background="http://www001.upp.so-net.ne.jp/fragments/illust/illustbg/e/x.jpg" border="1">
      <tbody>
        <tr>
          <td>๑۩۞۩๑❤●•۰幽の魔法素材屋。-‿◕。</td>
        </tr>
      </tbody>
    </table>

    背景效果3、

    代码:

    <table height="500" cellSpacing="5" width="350" background="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885481_4390.gif" border="4" bordercolorlight="#9999FF" bordercolor="#6600CC" bordercolordark="#6600CC" >
      <tbody>
        <tr>
          <td> 
            <p align="center"><img border="0" src="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885522_4390.jpg">  </td>
        </tr>
      </tbody>
    </table>

    说明:

    border="4" :边框粗细

    bordercolor="#6600CC":边框颜色

    bordercolorlight="#9999FF" :亮边框颜色

    bordercolordark="#6600CC" :暗边框颜色

    背景效果4、

    双层背景:

    代码:

    <table background="http://imgphoto.21cn.com/albums/photos/forum_picture/00/01/1084345545_4325.gif'" width="500" height="800" cellSpacing="5" border="1">
    <tr>
    <td>
    <center>
    <table height="500" cellSpacing="5" width="350" background="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885481_4390.gif"  border="4" bordercolorlight="#9999FF" bordercolor="#6600CC" bordercolordark="#6600CC">
      <tbody>
        <tr>
          <td> 
            <p align="center"><img border="0" src="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885522_4390.jpg">
            </td>
        </tr>
      </tbody>
    </table>
    </td>
    </tr>
    </table>

    说明:

    其实这样的效果在熟练运用单层背景后可以发现,仅仅是table的不断嵌套,不难。

    背景效果4、

    双层背景:

    代码:

    <table background="http://imgphoto.21cn.com/albums/photos/forum_picture/00/01/1084345545_4325.gif'" width="500" height="800" cellSpacing="5" border="1">
    <tr>
    <td>
    <center>
    <table height="500" cellSpacing="5" width="350" background="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885481_4390.gif"  border="4" bordercolorlight="#9999FF" bordercolor="#6600CC" bordercolordark="#6600CC">
      <tbody>
        <tr>
          <td> 
            <p align="center"><img border="0" src="http://imgphoto.21cn.com/albums/photos/forum_picture/04/36/1082885522_4390.jpg">
            </td>
        </tr>
      </tbody>
    </table>
    </td>
    </tr>
    </table>

    说明:

    其实这样的效果在熟练运用单层背景后可以发现,仅仅是table的不断嵌套,不难~!

    蓝色为图片地址~!

    댓글 (12개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    wildcat님이 남긴 글:
       很喜欢耶,也喜欢常来
    4월 24일
    如果可以再喜欢一次 ~ 喜欢
    8월 8일
    _☆═ㄗiΝκ ⑦゛═★님이 남긴 글:
    不懂吖...
    7월 28일
    张尧님이 남긴 글:
    sorry,i can not see your pictures and wonder why
     
    7월 1일
    Ye∧ρρしё님이 남긴 글:
    楼主是啊酷吗?请问是不是在网志编辑状态下把代码复制到HTML最后面就OK了吗?
    6월 30일
    Ye∧ρρしё님이 남긴 글:
    嘿``楼上的那位..你学过VB就了不起啊!
                                                            卖弄``讨厌鬼``
    6월 30일
    Ye∧ρρしё님이 남긴 글:
    卡断腿了啊!!!
    6월 24일
    11님이 남긴 글:
    西西西....知道了!!!!学会了! 嚒嚒 谢谢哦!
    6월 21일
    11님이 남긴 글:
    哈哈...偶会一点拉!!!!不过如果我要别的图片呢? 去那里复制代码....
    6월 21일
    11님이 남긴 글:
    5555...还没看就头痛了!!!!啊啊啊啊啊啊
    6월 21일
    天边一颗星……님이 남긴 글:
    这些代码贴去哪里呢?
    3월 24일
    알 수 없음님의 사진
    竹子闯竹林 님이 남긴 글:
    嘿嘿
    还好我学过VB
    看得懂
    12월 1일

    트랙백

    이 블로그의 트랙백 URL은 다음과 같습니다.
    http://akulix.spaces.live.com/blog/cns!C12449916995B2EF!672.trak
    이 블로그를 참조하는 웹 로그
    • 없음