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

首頁

web前端

html教學

酷站两连发！超实用的网页标准色升级版+高格调大图素材站_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】

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

為什麼HTML屬性對Web開發很重要？May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopment forcontrollingBehavior，外觀和功能

Alt屬性的目的是什麼？為什麼重要？May 11, 2025 am 12:01 AM

alt屬性是HTML中標籤的重要部分，用於提供圖片的替代文本。 1.當圖片無法加載時，alt屬性中的文本會顯示，提升用戶體驗。 2.屏幕閱讀器使用alt屬性幫助視障用戶理解圖片內容。 3.搜索引擎索引alt屬性中的文本，提高網頁的SEO排名。

HTML，CSS和JavaScript：示例和實際應用May 09, 2025 am 12:01 AM

HTML、CSS和JavaScript在網頁開發中的作用分別是：1.HTML用於構建網頁結構；2.CSS用於美化網頁外觀；3.JavaScript用於實現動態交互。通過標籤、樣式和腳本，這三者共同構築了現代網頁的核心功能。

如何在標籤上設置lang屬性？為什麼這很重要？May 08, 2025 am 12:03 AM

設置標籤的lang屬性是優化網頁可訪問性和SEO的關鍵步驟。 1)在標籤中設置lang屬性，如。 2)在多語言內容中，為不同語言部分設置lang屬性，如。 3)使用符合ISO639-1標準的語言代碼，如"en"、"fr"、"zh"等。正確設置lang屬性可以提高網頁的可訪問性和搜索引擎排名。

HTML屬性的目的是什麼？May 07, 2025 am 12:01 AM

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior，外觀和互動，使網站互動，響應式，visalalyAppealing.AttributesLikutesLikeSlikEslikesrc，href，href，href，類，類型，類型，和dissabledtransfransformformformformformformformformformformformformformformforment

您如何在HTML中創建列表？May 06, 2025 am 12:01 AM

toCreateAlistInHtml，useforforunordedlistsandfororderedlists：1）forunorderedlists，wrapitemsinanduseforeachItem，RenderingeringAsabulletedList.2）fororderedlists，useandfornumberedlists，useandfornumberedlists，casundfornumberedlists，casundfornthetthetthetthetthetthetthetttributefordforderfordforderforderentnumberingsnumberingsnumberingStys。

HTML行動：網站結構的示例May 05, 2025 am 12:03 AM

HTML用於構建結構清晰的網站。 1)使用標籤如、、定義網站結構。 2)示例展示了博客和電商網站的結構。 3)避免常見錯誤如標籤嵌套不正確。 4)優化性能通過減少HTTP請求和使用語義化標籤。

您如何將圖像插入HTML頁面？May 04, 2025 am 12:02 AM

toinsertanimageIntoanhtmlpage，usethetagwithsrcandaltattributes.1）usealttextforAcccessibilityandseo.2）instementRcsetForresponSiveImages.3）applylazyloadingWithLoadingWithLoading =“ lazy” tooptimizeperformance.4）tooptimizeperformance.4）

See all articles