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

编者按:今天的两枚 酷站 ,第一个提供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连发!】

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

【优设网 原创文章 投稿邮箱: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
What is the purpose of the <datalist> element?What is the purpose of the <datalist> element?Mar 21, 2025 pm 12:33 PM

The article discusses the HTML <datalist> element, which enhances forms by providing autocomplete suggestions, improving user experience and reducing errors.Character count: 159

What is the purpose of the <progress> element?What is the purpose of the <progress> element?Mar 21, 2025 pm 12:34 PM

The article discusses the HTML <progress> element, its purpose, styling, and differences from the <meter> element. The main focus is on using <progress> for task completion and <meter> for stati

How do I use HTML5 form validation attributes to validate user input?How do I use HTML5 form validation attributes to validate user input?Mar 17, 2025 pm 12:27 PM

The article discusses using HTML5 form validation attributes like required, pattern, min, max, and length limits to validate user input directly in the browser.

What is the purpose of the <iframe> tag? What are the security considerations when using it?What is the purpose of the <iframe> tag? What are the security considerations when using it?Mar 20, 2025 pm 06:05 PM

The article discusses the <iframe> tag's purpose in embedding external content into webpages, its common uses, security risks, and alternatives like object tags and APIs.

What is the purpose of the <meter> element?What is the purpose of the <meter> element?Mar 21, 2025 pm 12:35 PM

The article discusses the HTML <meter> element, used for displaying scalar or fractional values within a range, and its common applications in web development. It differentiates <meter> from <progress> and ex

What is the viewport meta tag? Why is it important for responsive design?What is the viewport meta tag? Why is it important for responsive design?Mar 20, 2025 pm 05:56 PM

The article discusses the viewport meta tag, essential for responsive web design on mobile devices. It explains how proper use ensures optimal content scaling and user interaction, while misuse can lead to design and accessibility issues.

What are the best practices for cross-browser compatibility in HTML5?What are the best practices for cross-browser compatibility in HTML5?Mar 17, 2025 pm 12:20 PM

Article discusses best practices for ensuring HTML5 cross-browser compatibility, focusing on feature detection, progressive enhancement, and testing methods.

How do I use the HTML5 <time> element to represent dates and times semantically?How do I use the HTML5 <time> element to represent dates and times semantically?Mar 12, 2025 pm 04:05 PM

This article explains the HTML5 <time> element for semantic date/time representation. It emphasizes the importance of the datetime attribute for machine readability (ISO 8601 format) alongside human-readable text, boosting accessibilit

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

DVWA

DVWA

Damn Vulnerable Web App (DVWA) is a PHP/MySQL web application that is very vulnerable. Its main goals are to be an aid for security professionals to test their skills and tools in a legal environment, to help web developers better understand the process of securing web applications, and to help teachers/students teach/learn in a classroom environment Web application security. The goal of DVWA is to practice some of the most common web vulnerabilities through a simple and straightforward interface, with varying degrees of difficulty. Please note that this software

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool