Less 語言 顏色透明度


Less語言大大減少了css語言的代碼復雜量,如果想要改變某元素的顏色透明度可使用fade()算法

fade("顏色值",透明度百分比),百分比越小,透明度越強 如fade(red,20%)

例子如下:

css

@base :black;
@width :10px;
@base-color: red;
.radius {
    border-radius: 4px;
}
div {
    width: (@width *20);
    height: 100px;
    background-color: fade(@base-color,20%);
    .radius;

p {
    color: @base-color ;
}

}

  html代碼

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet/less" href="less.css"/>
    <script src="less.js"></script>
    <title>Less語言</title>
</head>
<body>

<div>
    <p>嵌套代碼</p>
</div>
</body>
</html>

  效果如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM