Html 替换“;内容“;用",;“图像”;在导航栏中

Html 替换“;内容“;用",;“图像”;在导航栏中,html,css,Html,Css,.fa主页:之前{ 内容:“\f015”; } 您可以使用类似的方法。您可以使用变换比例控制图像的纵横比,就像您希望的那样。如果我没有弄错你的问题 .fa-home:before { content:url(/concrete5/application/images/header_home.png); transform: scale(1); } 也可以使用此方法控制高度和宽度 .fa-home:before { content:""; display: in


.fa主页:之前{
内容:“\f015”;
}

  • 您可以使用类似的方法。您可以使用变换比例控制图像的纵横比,就像您希望的那样。如果我没有弄错你的问题

    .fa-home:before {
        content:url(/concrete5/application/images/header_home.png);
        transform: scale(1);
    }
    
    也可以使用此方法控制高度和宽度

    .fa-home:before {
        content:"";
        display: inline-block;
        width: 30px; 
        height: 30px;
        background-image: url(/concrete5/application/images/header_home.png);
        background-size: 30px 30px;
    }
    

    您可以使用类似的方法。您可以使用变换比例控制图像的纵横比,就像您希望的那样。如果我没有弄错你的问题

    .fa-home:before {
        content:url(/concrete5/application/images/header_home.png);
        transform: scale(1);
    }
    
    也可以使用此方法控制高度和宽度

    .fa-home:before {
        content:"";
        display: inline-block;
        width: 30px; 
        height: 30px;
        background-image: url(/concrete5/application/images/header_home.png);
        background-size: 30px 30px;
    }
    

    如何设置图像的大小?实际上,此内容属性位于另一个文件中,因此现在我将使用您的解决方案覆盖它。fa home:before{content:url(/concrete5/application/images/header_home.png)!important;}但是它不起作用。我如何设置图像的大小?实际上这个内容属性在另一个文件中,所以现在我用您的解决方案覆盖它。fa home:before{content:url(/concrete5/application/images/header_home.png)!important;}但它不起作用。@praveenkumarbeedanal我能看看你的代码吗。我能看看你的代码吗。只是摆弄它。