CSS设计教程 例1-1 背景图片

从今天开始,CSS设计教程和大家见面了。每天一节,有学习的同学请每天关注我们网站。

11 背景图片

第一个例子展示了对background属性的运用,本例子把background属性与一个div元素相结合。div的大小为250pxX76px,所以它会显示出一个完整的背景图片。

以下是本实例的详细程序,调试在Microsoft Visual Studio 2010版:

运行环境:

 

原代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

    <title>背景图片</title>

    <style>div {background:url("heading2.jpg") no-repeat; width:250px; height:76px;</style>

</head>

<body>

<h6>版权所有:雷建强</h6>

<h1>背景图片</h1>

<div></div>

</body>

</html>

保存为 背景图片.htm 后直接打开,就可以看到效果。

效果图如下:

 

如要源代码请到本人QQ294186203留言。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值