易截截图软件、单文件、免安装、纯绿色、仅160KB

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

从今天开始,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留言。


相关文档:

css hack 学习总结

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Hack: 区分 I ......

A标签的css样式

 CSS为一些特殊效果准备了特定的工具,我们称之为“伪类”。其中有几项是我们经常用到的,下面我们就详细介绍一下经常用于定义链接样式的四个伪类,它们分别是:
    :link
    :visited
    :hover
    :active
  因为我们要定义链 ......

网页渐变背景 css 转

從上到下
body{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);
} 二、从左上至右下渐变
body{
FILTER: Alpha( style=1,opacity=25,finishOpacity=100,
startX=50,finishX= 100,startY=50,finishY=100);
background-color: skyblue; ......

学会使用css中的behavior 南三方

    网页中我们经遇到刷新要保留表单里内容的时候,习惯的做法使用cookie,但是那样做实在是很麻烦,css中的behavior就为我们很好的解决了这个问题。
  比如:
  <input style="behavior:url(#default#savehistory)" name="youname" type="text" id="yourname" size="10" autocomplete="off">
   ......

HTML CSS标签

<html >
<body style="margin:0;overflow:hidden">
    <div>
     <table style="width:100%;height:100%">
         <!--<tr>
           & ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号