用CSS制作大背景网站

As the monitor resolution and internet speed is advancing, it seems like more and more designers use over-sized photo or illustrated image as the website’s background. Large background image can create the stunning visual effect, especially for high resolution monitors. It can also add more life to your site design compared to the traditional tiled background graphic. Here is a collection of 80 websites that used large image as the site background (must-see, you won’t be disappointed).

Photographic Styles

August

Car Freaks

Twelve Restaurant

Future of Web Design

Summer - tnvacation.com

MacAllan Ridge

Fall - tnvacation.com

Jirnsum.eu

Go To China

Traffik

Legendary Aircraft

Surf in Paradise

Family Vacation Survival Guide

Flame Digital

Sundance Festival

Visit Cascadia

Frisk Design

Dizzain

Eleven3

IMEEM

Monterey

Pueblo Bonito

Jansport

Champneys

Include Digital

Alba Nigra

Welcomebrand.co.uk

Nefty’s World

MVP Movie

Upstruct

My Kid Took These

Cinq7

Liberato Creative

Adventure Here

Mountain Biking by 198

Get London Reading

Free People

Youlove.us

Brandon Wolvin

Twiistup.com

Buen Retiro Vergara

The Farmer and the Chef

CSS Layout

Pi-inc.net (flash)

Jamie Oliver

Pivonka.eu

CNC Costume National

Buy For Less

Wellington Lions

Charles Martin Books

Lipton Green Mint

Electricurrent.com

MTV

BHeurosong

The Hip Hop Music

Easycut.es

Careforkidsfarm.com

Illustrative Styles

Design Jobs on the Wall

Spring - tnvacation.com

Viget - Inspire

Dara’s Garden

Ma.tt

N.Design Studio

Jason Bradbury

Radu Ceuca

Singularity Concepts

The Rox

The Mattinator

Rock Your Look

NJ Rebel

Antiphrasis

Pojeta

Volll

Div Voted

Campingilfrutteto.it

StrawPoll

Refresh Teesside

Dean Oakley

Adit Shukla

Rawkes

Want more?

Check out my Best Web Gallery for more inspiration.

Also, don’t forget to learn how to CSS a large background site.

转载于:https://www.cnblogs.com/CB/archive/2009/01/05/1368873.html

用CSS制作大背景网站,以及80个大背景图片网站。相关推荐

  1. 搭建图片网站:通过cpolar发布图片网站 3/3

    系列文章 搭建图片网站:部署本地环境 1/3 搭建图片网站:Piwigo环境准备及安装 2/3 搭建图片网站:通过cpolar发布图片网站 3/3 上一篇: 搭建图片网站:Piwigo环境准备及安装 ...

  2. 【干货】60 余家免费正版图片网站

    原文链接:https://www.jianshu.com/p/7339031f2257 我们常常需要找一些免费正版的图片(无版权图片),写文章.做 PPT.做设计等等,随意使用一些有版权的图片是侵权, ...

  3. css 网站大背景(按比例缩放背景图片)

    很多网站是全背景图片的,而且适应各种主流分辨率,给人一种干净大气的感觉,实属设计派的一个耍酷良方,下面介绍几种实现全屏图片自适应缩放背景图片的方法. 1.帅气简单的CSS3方法 html {backg ...

  4. php+html+css制作非常好看网站登录与注册界面

    php+html+css制作非常好看网站登录与注册界面 php版本:5.2.17 phpstudy版本:v8.0 首先看一下效果图: 登录界面: (输入密码也是一样的!) 注册页面: 以上就是效果图 ...

  5. web期末网站设计大作业:鲜花网站设计——鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript web前端课程设计 web前端课程设计代码 web课程设计 HTML网页制作

    HTML5期末大作业:鲜花网站设计--鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设 ...

  6. html css 制作网站,HTML/CSS制作网页

    HTML/CSS代码练习 要求效果图 polo360.jpg 用ps裁剪提取要用的图片 3.png html代码 polo360练习 HOME Back to home PRODUCTS What w ...

  7. 【meng_项目】python+flask+html+css制作一个简单的生日祝福语网页

    python+flask+html+css制作一个简单的生日祝福语网页 一个py文件:     test.py 一个html文件:   birthday_index.html 一张图片:       ...

  8. 如何用CSS制作横向菜单?

    管在我的网站和文章里都有提到CSS制作菜单的方法,但很多初学者还是不太清楚如何实现,以及实现原理,我想专门写一篇详细教程会对大家比较有帮助. 我们先来看一个菜单的例子,最终效果是: 首页 产品介绍 服 ...

  9. table虚线边框_web前端工程师7天0基础到精通(TABLE+CSS制作《互联世纪网》)

    项目七 项目实践:TABLE+CSS制作<互联世纪网> 实践目标 1. 熟悉CSS属性 2. 熟练运用CSS属性控制网页样式 3. 熟悉网页制作流程 项目简介: 通过上一章节的学习,我们了 ...

最新文章

  1. Java实现用时间戳重命名上传的文件
  2. 【Python基础】如何编写简洁美观的Python代码
  3. 【数据结构与算法】之深入解析“股票的最大利润”的求解思路与算法示例
  4. 走进rxjs的世界 - 万物皆流 - Everything is a stream
  5. 微信小程序扫码的代码及获取二维码的url地址
  6. windows路由表 重启后就还原了_绕过Apple id并可以随意重启的终极方案来了 (Windows下操作)...
  7. Flask中的HttpResponse Redirect 和Render
  8. unity常连接mysql,Unity使用BestHttp插件时Socket.IO保持长连接的问题
  9. 非结构化商业文本中隐私信息识别-第2名方案(含数据)
  10. 零基础使用 MATLAB 求解偏微分方程(建议收藏)
  11. 技校自我鉴定范文计算机600字,技校自我鉴定100字范文18篇
  12. 永恒之蓝——windows server 2003 漏洞
  13. android inflate,android inflate详解
  14. EasyRecovery免费电脑硬盘数据恢复软件使用教程
  15. (二)ROS中控制机器人运动(示例运行)
  16. asp 打开服务器文件夹,什么是ASP?如何打开ASP文件
  17. android 删除号码恢复,手机联系人误删了怎么恢复
  18. 傅里叶级数FS,连续时间傅里叶变换CTFT,离散时间傅里叶变换DTFT,离散傅里叶变换DFT,推导与联系(二)
  19. Pandas中的resample重采样函数
  20. 为什么 VR/AR 越聚焦越远

热门文章

  1. 邮件服务-postfix
  2. 284、超详细的光纤熔纤、盘纤教程,值得收藏
  3. 5GCPE如何支持4G物联网卡(修改IMEI)
  4. 推荐这几个不错的提取伴奏在线软件给大家
  5. 如何ping网站的IP地址
  6. git/github教程
  7. PPP、PPPOE、PPTP、L2TP应用场合
  8. 步进电机驱动程序,5线
  9. 〈三〉ElasticSearch的认识:搜索、过滤、排序
  10. 红米4a android 9 速度,小米-红米4A/5A-通刷-LOS-Beta5.0-安卓9.0.0-来去电归属-农历等-本地化增强适配...