您现在的位置是:昆明网站建设 > 客户案例
关于网站几种不同的背景
昆明网站建设2024-09-19 08:17:18【客户案例】9人已围观
简介颜色背景颜色背景的设计是为简单的,但同时也是为常用和为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景,其HTML 语法为:其中的&quo
颜色背景
颜色背景的关于设计是为简单的,但同时也是网站为常用和为重要的,因为相对于图片背景来说,背景它有无与伦比的关于显示速度上的优势。在网页文件中,网站一般通过标签来指定页面的背景颜色背景,其HTML 语法为:其中的关于"color"表示不同的颜色,可以用各种不同的网站颜色表示方法,比较常用的背景有直接用颜色的英文名称,如blue、关于yellow、网站black等等,背景还可以用颜色的关于十六进制表示方法,如#0000FF、网站#FFFF00、背景 #000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。 颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的理想视觉搭配等等。
沙纹背景
沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。 初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。
条状背景
条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。以在竖直方向上排列为例,先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。
照片背景
这里我们用上一点简单的 CSS。在网页文件的……之间加入下面的CSS语句: 这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。
复合背景
如果你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。
局部背景
为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。除此之外,我们还可以单独为某个文字段落设置背景,甚至为这个文字段落中的某几个文字设置自己的背景,是不是有点相当不错,这也需要用上一些CSS。只要你愿意,你就可以为页面的任何一个部分定义自己的背景,从而把页面打扮得更加漂亮和吸引人。
深圳网站建设公司-沙漠风(www.szweb.cn.),拥有设计团队为企业提供FLASH网站设计,网页制作,多媒体触摸屏展示设计.
很赞哦!(55211)
上一篇: 旅游网站的设计与制作
下一篇: 企业官网定制步骤
站长推荐
友情链接
- SEO教程:巴郎实战教你如何写好网站robots
- SEO教程:详解description标签的书写规范
- SEMer如何正确挖掘关键词,扩大流量布局
- 新接手账户,转化成本降低77% 怎么做到的?
- 一个谷歌也没研发出来的视觉搜索引擎。。。
- SEM广告转化效果差,你还在替它背黑锅吗?
- 百度代理商捆绑销售信息流,短视频原生广告崭露头角!
- 最新59个信息流平台数据榜单!(2019.11)
- 如何截取竞争对手优质流量?SEM投放必备干货!
- SEO教程:带你入门初级HTML
- 医疗竞价乱象又遭曝光;头条传播色情作品受高限处罚;《焦点访谈》痛批自媒体低俗谣言伪原创 | 一周资讯
- 谷歌SEO入门教程三:外贸独立网站站内SEO优化关键词(下)
- 百度推广优化怎么做?百度竞价广告的7个优化技巧
- 节假日要不要暂停推广? 揭秘SEM投放潜规则!
- 腾讯搜索月活已超7亿!为什么你的账户还不起量?
- 字节跳动何时上市?张一鸣认为要延迟满足感 | 一周资讯
- 2024年最好的谷歌SEO策略是什么?具体应该怎么做?
- 为什么你始终做不好内容营销?你缺少的4个解决方法
- 宋星:6个分析方法,教你快速诊断SEM账户表现
- 干货!竞价推广常见问题解析