codecamp

W3.CSS Color (Flat UI)

Flat UI

CSS 中另一个流行的配色方案是平面 UI :下载此 CSS

实例

<div class="w3-flat-emerald">
<p>伦敦是英国人口最多的城市,其都市区人口超过900万。</p> 
</div>

尝试一下 »  


伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-绿松石色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-绿色海洋色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-翡翠色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-nephritis

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-peter-river

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-belize-hole

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-紫水晶色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-wisteria

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-湿沥青色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-深蓝色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-sun-flower

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-橙色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-胡萝卜色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-南瓜色

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-alizarin

  尝试一下 »

伦敦

伦敦是英国人口最多的城市,其都市区人口超过900万。

w3-flat-石榴色

  尝试一下 »


W3.CSS Color (材料)
W3.CSS Color (Metro UI)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }