程序博客网 > 阿里云个人邮箱客服

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

来源：互联网发布：阿里云个人邮箱客服编辑：程序博客网时间：2024/06/06 02:48

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

例1－1 背景图片

第一个例子展示了对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留言。

阿里云个人邮箱客服

阿里云个人邮箱客服

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子巫师3失败的任务怎么办别人老说我坏话怎么办兔娘的眼镜掉了怎么办 lol更新完安装慢怎么办 lol韩服更新太慢怎么办 lol韩服更新慢怎么办站时间长了腰疼怎么办站久了脚后跟疼怎么办脚后跟站久了疼怎么办经常站着膝盖疼怎么办走路太久膝盖疼怎么办穿皮鞋小脚趾疼怎么办僵尸战争2玩不了怎么办脸上有很多死皮怎么办宝宝o型血黄疸怎么办报警了怕被报复怎么办江苏小高考没过怎么办 vc6.0win7不兼容怎么办 vc6.0win8不兼容怎么办百度云号码换了怎么办从传销窝跑出来怎么办破军在夫妻宫怎么办巨门在夫妻宫怎么办键盘2wsx键失灵怎么办小米4触摸键失灵怎么办刷机精灵卡住了怎么办 win10不识别u盘怎么办盐和避难所闪退怎么办 p2p老板跑路了怎么办刚出生不久的猫怎么办你宠坏我了怎么办赤黑哭的第二天眼肿怎么办剑网三号被盗了怎么办泰迪不吃狗粮怎么办跳舞毯光盘丢了怎么办当你老了一个人怎么办我被同桌干了怎么办没钱怎么办愁死我了股票形成m头形态怎么办六道木手串开裂怎么办我吃泡面喝雪碧怎么办