LESS 顏色函數(shù)

2018-01-11 15:51 更新

說明

它是一個(gè)代表顏色的字符串。 顏色可以設(shè)置為元素的背景或前景。 顏色值用于指定顏色。


示例

下面的例子演示了在LESS文件中使用顏色函數(shù)：

misc_example.htm

<!doctype html>
<head>
   <link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
   <h2 class="style">Welcome to W3Cschool</h2>
   <p class="style">The largest Tutorials Library on the web.</p>
</body>
</html>

接下來，創(chuàng)建文件style.less

style.less

.style{
color:(#fe2700)
};

您可以使用以下命令將style.less文件編譯為style.css：
lessc style.less style.css

接下來執(zhí)行上面的命令，它將自動(dòng)創(chuàng)建style.css文件用下面的代碼：

style.css

.style {
  color: #fe2700;
}

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼如何工作：

  • 將上面的html代碼保存在misc_example.htm文件中。

  • 在瀏覽器中打開此HTML文件，將顯示如下輸出。


輸出


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)