Less Data-uri 函數是統一資源標識符 (URI) 模式,用於在網頁中內聯資源。如果未給出 mime 類型,則節點使用 mime 包來確定正確的 mine 類型。
參數:
? url:內聯文件的 url。
? mimetype:MIME 類型字符串。 (可選)
下麵舉個例子來演示一下Less文件中Data-uri函數的用法。
創建名為 "simple.html" 的 HTML 文件,其中包含以下數據。
HTML 文件:simple.html
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="simple.css" type="text/css" />
</head>
<body>
<h2>JavaTpoint:A solution of all technology.</h2>
</body>
</html>
少文件:simple.less
body{
background:data-uri('image.jpg');
}
把這兩個文件?simple.html?和?simple.less?在 Node.js 的根文件夾內
現在,執行以下代碼:lessc simple.less simple.css

輸出:

相關用法
- Less darken()用法及代碼示例
- Less default()用法及代碼示例
- Less isstring()用法及代碼示例
- Less image-width()用法及代碼示例
- Less alpha()用法及代碼示例
- Less max()用法及代碼示例
- Less ispixel()用法及代碼示例
- Less saturation()用法及代碼示例
- Less acos()用法及代碼示例
- Less contrast()用法及代碼示例
- Less isem()用法及代碼示例
- Less hsvhue()用法及代碼示例
- Less color()用法及代碼示例
- Less isnumber()用法及代碼示例
- Less percentage()用法及代碼示例
- Less pi()用法及代碼示例
- Less red()用法及代碼示例
- Less image-height()用法及代碼示例
- Less iscolor()用法及代碼示例
- Less mix()用法及代碼示例
注:本文由純淨天空篩選整理自 Less data-uri()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。