css样式怎么插入背景图片?

css样式怎么插入背景图片?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

在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>

附上效果图:

1.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是css样式怎么插入背景图片?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏