首页 > 其他分享> > html调用Micrisoft Teams

html调用Micrisoft Teams

2022-07-04 10:03:09 作者：互联网

<html>
<head>
    <title>Teams呼叫</title>
    <style>
        .button {
            background: #f2f2f2;
            color: #d04a02;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            -webkit-box-align: center;
            align-items: center;
            padding: 0.5rem;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        
        a, a:hover {
            text-decoration: none;
        }
        
        .img-container {
            background: #d04a02;
            padding: 10px;
            border-radius: 50%;
            margin-right: 1rem;
        }
        
        .img-container img {
            width: 25px;
            height: 25px;
        }
    </style>
</head>
<body>
    <div>
        <a href="MSTeams:/l/chat/0/0?users=***@***.com" id="ToTeams" class="button">
            <div class="img-container">
                <img src="C:/Users/teams.svg" alt="Microsoft Teams">
            </div> 
            <div>Teams Notice</div>
        </a>
    </div>
</body>
</html>

标签：flex,center,img,align,Micrisoft,html,webkit,Teams
来源： https://www.cnblogs.com/allenfly/p/16441931.html