登录
Microsoft.com
 
Microsoft
 
 
 

locked
用css 做一个地图定位点的图标 RRS feed

 > 

  • 问题

  • Question
    登录进行投票
    0
    登录进行投票

    请问各路大虾， 我想简单用css写一个 地图上面的定位点（map-marker） 的图标，
    就像是这个 , 我想用css 写一个简单的类， 然后在div的class 使用即可 。

    请问网上有没有什么可以借鉴的代码， 我很少做前端css代码。谢谢。
    补充：div的 width 为12px； height也是12px ;

    2022年1月19日 9:03

答案

  • Question
    登录进行投票
    0
    登录进行投票

    你好,

    你可以使用border-radius.像这样:

     <div style="width: 12px; height: 12px">
             <div class="demoSpan1">
            </div>
        </div>

css:
 <style>
        .demoSpan1 {
            color:darkseagreen;
            width:12px;
            height:12px;
            margin:12px auto;
            border:solid 2px;
            border-radius:8px 6px 8px 0;
            transform:rotate(-45deg);
            background-color:darkseagreen;
        }
    </style>
    2022年1月20日 6:33