<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <style type="text/css">
        a{
            display: flex;
            justify-content: center;
            align-items: center; 
            width : 500px;
            height:500px;
            background: #efefef;
        }
        img{
           vertical-align: middle;
           max-width:90%;
           max-height:90%;
        }
    </style>
</head>
<body>

    <div>
        <a href="">
            <img src="1.jpg" alt="">
        </a>
    </div>

</body>
</html>

效果展示:
QQ截图20170816100902

自动生成twitter、facebook、whatsapp等等分享图标 Sharingbuttons

分享一个好用的第三方分享图标工具,支持主流外国网站 github:click me 使用方法 打开网址 https://sharingbuttons.io/ 按照自己想要的分享按钮,生成代码和c...

阅读全文

css画透明渐变背景图

参考 https://www.cnblogs.com/limeiky/p/6519452.html 效果图 代码 div { background-image: linear-gradient( to bottom, rgba(255...

阅读全文

bootstrap 导航下拉菜单鼠标滑过显示隐藏

参考:https://bootsnipp.com/snippets/Vm7d 效果 CSS body { margin: 30px 0px; } .navbar-default .navbar-nav > li.dropdown:hover > a, .n...

阅读全文

欢迎留言