在css中,给html元素添加背景图,主要通过background-image属性来设置。
background-image 属性设置一个元素的背景图像。
元素的背景是元素的总大小,包括填充和边界(但不包括边距)。
默认情况下,background-image放置在元素的左上角,并重复垂直和水平方向。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,可以使用背景色带代替。
示例:
CSS样式代码:
<style> .backimage { /*设置图片大小*/ width: 980px; height: 200px; /*背景图像将仅显示一次 no-repeat*/ background-repeat: no-repeat; /*添加您要添加的背景图片*/ background-image: url('Images/reg_bg.gif'); /*图片居中*/ margin: auto; } .backtable { margin-top: 40px; /*向上浮动*/ float: left; } </style>
HTML代码:
<body> <div class="backimage"> <div class="backtable"> <table> <tr> <td>用户名:</td> <td> <input type="text" /></td> </tr> <tr> <td>密码</td> <td> <input type="password" /></td> </tr> </table> </div> </div> </body>
附上效果图:
更多web前端知识,请查阅 HTML中文网 !!