酷站两连发！超实用的网页标准色升级版+高格调大图素材站_html/css

Home

Web Front-end

HTML Tutorial

酷站两连发！超实用的网页标准色升级版+高格调大图素材站_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 08:59 AM

编者按：今天的两枚酷站，第一个提供16种更好看的网页默认标准色，附上CSS 样式文件，方便实用。第二个专门为「颜控」的设计师提供了超多高格调的大图作为桌面背景，都是好东西，别错过咯。

Colors.css

网页安全色有216中，但支持颜色名称作为颜色值的只有16种，分别是aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。

然而这16种Web自带的标准色看上去是极为「老土」的，几乎没有设计师愿意去使用，而今天小编为大家分享16 种更好看的 Web 默认标准色：Colors.css，颜色变好看了，而且已有写好的 CSS 样式文件。

老的web标准色值：

通过以上两组对比，可以看出Colors.css的颜色值更适合现时的 WEB UI 设计。

样式表中除了有文字颜色值外，还有已写好的背景色和边框色。

SVG 填充

SVG Strockes

网站中还有PS用的.aco和AI用的 .ase文件，喜欢的可以到官方网站上下载。

Wallions

Wallions 是一个国外的免费桌布下载网站，集合了一堆免费、可自由下载的相片作品，用户能将它们保存后设定为自己的桌面背景，无须注册，也不用安装任何软件。无论你是一位摄影师，或只是喜欢花时间在网络上寻找美丽相片的使用者，欢迎来这里寻宝！

不知道你是如何看待桌布这件事呢？我认为挑选计算机桌面是一件非常个性化的事，因为你可以把自己喜好、兴趣或性格带到这些你经常使用的装置上，使它更专属于你。不过近几年桌布网站已经越来越少，现今图片来源多半转为社交网络。

STEP 1

开启 Wallions 网站后，可以从首页找到许多美丽的桌布背景，将窗口向下拖曳卷动，会自动加载更多桌布，在浏览上还蛮轻松的。

STEP 2

点选左上角开启「选单」后，可以随机显示更多桌布，或者浏览「热门」桌布收藏。比较特别的是 Wallions 还依照桌布形状分成长方形（横式、直式）及正方形三种。

STEP 3

点选任何想要下载的桌布后，会开启详细信息页面，从右侧找到该桌布原始尺寸大小，看看是否适合你目前的装置分辨率。相片右下角有个小小的「下载」按钮，点选即可把相片保存下来，再设定为你的装置背景即可。

【优设酷站 22连发！】

免费图库 +导航收集站：《酷站两连发！高品质免费图库站+专注WEB/APP导航收集站》
音乐站+字体搜索：《酷站两连发！帮你专心工作的音乐站+谷歌字体在线搜索神器》
渐变色+代码比较：《酷站两连发！渐变色方案全聚合网站+在线代码比较神器》
配色 +占位图：《酷站两连发！在线色彩搭配工具+快速生成占位图片器》
LOGO下载+字体下载：《酷站两连发！可商用的矢量LOGO下载+平面最爱的27款免费字体》
压缩图片+在线配色：《酷站两连发！在线图片压缩神器+在线配色工具COLOURCO》
CSS Hover动画+宠物小精灵配色：《酷站两连发！宠物小精灵专属配色网站+CSS HOVER动画收集站》
美女图片+游戏配色：《酷站两连发！游戏配色网站+免费美女素材特供网站》
在线配色+字体推荐：《酷站两连发！在线配色神器+英文字体推荐网站》
追波作品变代码+16进制颜色：《酷站两连发！用代码呈现DRIBBBLE作品+16进制颜色网站》
无缝纹理+多边形背景：《酷站两连发！专注无缝纹理素材站+多边形背景生成器》

【优设网原创文章投稿邮箱：2650232288@qq.com】

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Why are HTML attributes important for web development?May 12, 2025 am 12:01 AM

HTMLattributesarecrucialinwebdevelopmentforcontrollingbehavior,appearance,andfunctionality.Theyenhanceinteractivity,accessibility,andSEO.Forexample,thesrcattributeintagsimpactsSEO,whileonclickintagsaddsinteractivity.Touseattributeseffectively:1)Usese

What is the purpose of the alt attribute? Why is it important?May 11, 2025 am 12:01 AM

The alt attribute is an important part of the tag in HTML and is used to provide alternative text for images. 1. When the image cannot be loaded, the text in the alt attribute will be displayed to improve the user experience. 2. Screen readers use the alt attribute to help visually impaired users understand the content of the picture. 3. Search engines index text in the alt attribute to improve the SEO ranking of web pages.

HTML, CSS, and JavaScript: Examples and Practical ApplicationsMay 09, 2025 am 12:01 AM

The roles of HTML, CSS and JavaScript in web development are: 1. HTML is used to build web page structure; 2. CSS is used to beautify the appearance of web pages; 3. JavaScript is used to achieve dynamic interaction. Through tags, styles and scripts, these three together build the core functions of modern web pages.

How do you set the lang attribute on the tag? Why is this important?May 08, 2025 am 12:03 AM

Setting the lang attributes of a tag is a key step in optimizing web accessibility and SEO. 1) Set the lang attribute in the tag, such as. 2) In multilingual content, set lang attributes for different language parts, such as. 3) Use language codes that comply with ISO639-1 standards, such as "en", "fr", "zh", etc. Correctly setting the lang attribute can improve the accessibility of web pages and search engine rankings.

What is the purpose of HTML attributes?May 07, 2025 am 12:01 AM

HTMLattributesareessentialforenhancingwebelements'functionalityandappearance.Theyaddinformationtodefinebehavior,appearance,andinteraction,makingwebsitesinteractive,responsive,andvisuallyappealing.Attributeslikesrc,href,class,type,anddisabledtransform

How do you create a list in HTML?May 06, 2025 am 12:01 AM

TocreatealistinHTML,useforunorderedlistsandfororderedlists:1)Forunorderedlists,wrapitemsinanduseforeachitem,renderingasabulletedlist.2)Fororderedlists,useandfornumberedlists,customizablewiththetypeattributefordifferentnumberingstyles.

HTML in Action: Examples of Website StructureMay 05, 2025 am 12:03 AM

HTML is used to build websites with clear structure. 1) Use tags such as, and define the website structure. 2) Examples show the structure of blogs and e-commerce websites. 3) Avoid common mistakes such as incorrect label nesting. 4) Optimize performance by reducing HTTP requests and using semantic tags.

How do you insert an image into an HTML page?May 04, 2025 am 12:02 AM

ToinsertanimageintoanHTMLpage,usethetagwithsrcandaltattributes.1)UsealttextforaccessibilityandSEO.2)Implementsrcsetforresponsiveimages.3)Applylazyloadingwithloading="lazy"tooptimizeperformance.4)OptimizeimagesusingtoolslikeImageOptimtoreduc

See all articles