在c#中更改网站图标和图像中心库

时间:2018-05-04 09:35:54

标签: c# html css asp.net

我正在asp.net中建立一个网站,c#。 我有一个有几个图像的画廊,但我不能把它放在页面上。 画廊看起来像这样: Gallery of images

我想要这样的事情:Example that I made in the wix site

我的样式代码是:

 <!DOCTYPE html>
<html>
<body>
    <style>
        body {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
        }

        h2 {
            font-size: 21px;
            color: #008000;
        }

        p {
            text-align: justify;
        }

        div.gallery {
            display: block;
            margin: 10px;
            float: left;
            text-align: center;
            width: 252px;
        }

            /*passar o rato*/

            div.gallery:hover {  
                /*border: 1px solid #777;*/
            }

            div.gallery img {
                width: 252px;
                height: 120px;
                border: 1px solid #111;
            }

        div.desc {
            padding: 15px;
            text-align: center;
        }
    </style>

    <h2>FUTEBOL</h2>
    <div class="gallery">
        <a target="_blank" href="Heliflex.jpg">
            <img src="~/Imagens/Slide DS.jpg" alt="DOMO Slide DS">
        </a>
        <div class="desc">DOMO® Slide DS</div>
    </div>

    <div class="gallery">
        <a target="_blank" href="VarioSlide S Pro test2.jpg">
            <img src="~/Imagens/Slide RS.jpg" alt="DOMO Slide RS">
        </a>
        <div class="desc">DOMO® Slide RS &#8594; </div>
    </div>

    <div class="gallery">
        <a target="_blank" href="naturafill.jpg">
            <img src="~/Imagens/DuraForce XSL.jpg" alt="DOMO Duraforce XSL">
        </a>
        <div class="desc">DOMO® Duraforce XSL &#8594; </div>
    </div>

    <div class="gallery">
        <a target="_blank" href="DOMO FastPlay.jpg">
            <img src="~/Imagens/DuraForce XQ.jpg" alt="Domo Duraforce XQ">
        </a>
        <div class="desc">DOMO® Duraforce XQ &#8594; </div>
    </div>

    <div class="gallery">
        <a target="_blank" href="">
            <img src="~/Imagens/DOMO VarioSlide S ProFut.jpg" alt="Domo VarioSlide S Pro">
        </a>
        <div class="desc">DOMO® VarioSlide S Pro &#8594; </div>
    </div>

    <div class="gallery">
        <a target="_blank" href="DOMO FastPlay.jpg">
            <img src="~/Imagens/DuraForce XT.jpg" alt="Domo Duraforce XT">
        </a>
        <div class="desc">DOMO® Duraforce XT &#8594; </div>
    </div>

    </body>
</html>

我已经在w3schools网站上搜索但我找不到答案。 另外,对不起,如果它很傻,我不知道如何更改网站的图标。 This right here

有人可以向我解释一下吗? 谢谢你的时间!

1 个答案:

答案 0 :(得分:1)

您需要在网站根favicon.ico

上设置/favicon.ico的图标图片名称

在html中的标题标记中添加此内容。

<link rel="shortcut icon" type="image/x-icon" href="~/favicon.ico" />

您可以使用FavIcon Generator生成图标