禁止背景图在网页中平铺

时间:2011-04-29 14:10:00 

    如果我们希望在网页的不同角落里放置不重复平铺的背景图,该怎么办呢?

比如网页的背景要如图所示,并要求在不同的分辩率下该背景图都显示在右下角,想想看,有办法吗?

想将它做成一张大图?!不行,不同的分辩率,图的大小不同呀,你只能做一张背景。怎么办呢???

别担心,你只需要下面这个背景就好了:

也许你会说,看起来不可以呀,才这么一张小图,而且网页背景都是平铺的嘛!

别担心,你忘记CSS了?在Dreamweaver中做起来其实一点不困难。首先建立一个新样式,如图:

在样式中,选“Background”选项,再在右边进行设置,本例首先在“Background Image”选项中输入背景图像的路径,就是刚才所切的小图。
  “Repeat”是问你是否重复的平铺背景图,这里是单张效果,当然不希望平铺,所示设置成“no-repeat”。
  “Attachment”选项是问你图像位置是否固定,设置“Fixed”,表示固定。
  “Horizontal”是水平位置,这里选“right”表示居右。
  “Vertical”是垂直位置,这里选择“bottom”,表示靠底。

这样,定义好的这个样式,不仅可以应用到页面的背景,甚至可以用到表格、单行格中去。大家用Dreamweaver来编辑一下,研究一下。

标签:背景,平铺
0
投稿

猜你喜欢

  • Python如何获取实时股票信息的方法示例

    2021-10-13 19:45:54
  • python实现批量提取指定文件夹下同类型文件

    2023-11-17 17:13:31
  • ASP编程菜鸟易犯的一个错误

    2008-10-29 13:27:00
  • linux下利用Docker安装mysql的步骤

    2024-01-25 01:17:56
  • 利用Python pyecharts绘制饼图

    2023-06-13 08:56:21
  • 你会使用python爬虫抓取弹幕吗

    2021-04-28 03:06:50
  • vue+moment实现倒计时效果

    2024-05-09 10:43:55
  • 谈谈网页设计中的字体应用 (4) 实战应用篇·下

    2009-11-24 13:13:00
  • 详解Python中的正则表达式的用法

    2023-07-25 00:23:13
  • golang 监听服务的信号,实现平滑启动,linux信号说明详解

    2024-05-09 10:00:43
  • PHPMailer发送邮件功能实现流程

    2023-06-03 13:11:18
  • 网站更新短平快

    2007-02-03 11:39:00
  • python matplotlib库绘制散点图例题解析

    2023-08-14 03:12:56
  • 详解Python程序与服务器连接的WSGI接口

    2021-11-19 03:57:10
  • Python创建二维数组实例(关于list的一个小坑)

    2021-04-29 19:28:13
  • MySQL性能优化

    2024-01-18 11:14:00
  • js,jquery滚动/跳转页面到指定位置的实现思路

    2024-04-10 16:19:54
  • Python实现一个简单三层神经网络的搭建及测试 代码解析

    2021-10-09 23:59:20
  • python基础知识之字典(Dict)

    2023-08-25 20:01:44
  • pytorch中index_select()的用法详解

    2022-01-20 19:44:05
  • asp之家 网络编程 m.aspxhome.com