html背景图片定位方法
2016-02-14 00:39
337 查看
方法:采用两个table嵌套的方式,这样可以适合多种分辨率的屏幕。
代码如下:
说明: 外面的table 的背景图是可以供拉伸的,不影响观看效果。
里面的table是固定大小,如登录时的用户名,密码 等,这样子可以在这个table 中添加控件,控件的位置固定,不会随着分辨率的变化而错位。
具体方法:将一张图片使用抠图工具将文字抠出作为里面table的background, 而无文字的那张图片作为外面table的background。
代码如下:
<table width="100%" border="0" background="/image/b.png"> <tr> <td width="100%"><table cellpadding="0" background="/image/q.png" cellspacing="0" border="0" style="width: 950px; height: 760px; " align="center"> <tr></tr> </table></td> </tr> </table>
说明: 外面的table 的背景图是可以供拉伸的,不影响观看效果。
里面的table是固定大小,如登录时的用户名,密码 等,这样子可以在这个table 中添加控件,控件的位置固定,不会随着分辨率的变化而错位。
具体方法:将一张图片使用抠图工具将文字抠出作为里面table的background, 而无文字的那张图片作为外面table的background。
相关文章推荐
- 【基础】——HTML VS Web窗体
- HTML <!DOCTYPE> 标签
- HTML制作练习
- HTML——左右側边栏布局
- 【HTML/XML 12】URI、URN、URL的联系和区别
- 【HTML/XML 12】URI、URN、URL的联系和区别
- 基础HTML练习
- html中的div标签和p标签的语义区别
- html基础
- ubuntu命令行打开html文件的方法
- HTML 事件
- html常用标签属性
- web开发中比较常用的html标签
- HTML 表单和表格
- HTML页面布局:td里包含一个img,总会出现一条空隙?
- 初学HTML 表单交互标签
- 常用meta整理
- html form formenctype属性
- 初学HTML 常见的标签(三) 插入类标签
- html中dl,dt,dd标签的用法