首页 试题广场 > 试题详情
编程题

【百度-前端面试题CBD0102】请用CSS实现如下图的样式,相关尺寸如图示,其中dom结构为:
<div id=”demo”></div>

回复可见正确答案
下一题 上一题
Ke星伙伴们的回答/ 29个回答 添加答案
  • IloveNY 1楼

    #demo{
        width: 100px;
        height: 100px;
        background-color: #fff;
        border: 2px solid #000;
        position: relative;
    }
    #demo::after{
        content: '';
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        position: absolute;
        top:20px;
        right: -10px;
        transform: rotate(45deg);
    }

    blob.png


    发表时间:2016-10-27 10:19:27 评论 1

  • 课服乐乐 2楼

    1

    发表时间:2016-10-14 15:18:33 评论 0

  • 你看起来很美味 3楼

    1

    发表时间:2016-10-16 11:07:09 评论 0

  • 你很昵 4楼

    hg
    发表时间:2016-10-20 17:44:45 评论 0

  • 白糖稀饭 5楼

    求解
    发表时间:2016-10-21 22:57:15 评论 0

  • Frezy 6楼

    巴难
    发表时间:2016-10-22 06:18:32 评论 0

  • 赵晓莉 7楼

    1

    发表时间:2016-10-22 20:31:58 评论 0

  • zjh583496857 8楼

    发表时间:2016-10-23 08:48:14 评论 0

  • IloveNY 9楼

    #demo{
        width: 100px;
        height: 100px;
        background-color: #fff;
        border: 2px solid #000;
        position: relative;
    }
    #demo::after{
        content: '';
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-top: 2px solid #000;
        border-right: 2px solid #000;
        position: absolute;
        top:20px;
        right: -10px;
        transform: rotate(45deg);
    }


    发表时间:2016-10-27 10:17:33 评论 0

  • 張潤澤 10楼

    发表时间:2016-10-28 14:00:50 评论 0

  • parkerchen 11楼

    1

    发表时间:2016-10-28 15:46:19 评论 0

  • 奎(天猫巨菱旗舰) 12楼

    h
    发表时间:2016-10-30 14:39:35 评论 0

  • 起飞的猪 13楼

    #{ }
    发表时间:2016-10-31 21:22:40 评论 0

  • 程序小白 14楼

    简单
    发表时间:2016-11-02 08:55:49 评论 0

  • 哦兔兔 15楼

    巨头
    发表时间:2016-11-03 09:33:18 评论 0

贡献榜
相关试题
关闭
关闭
QQ
交流群
邀请
好友
App
下载
意见
反馈
返回
顶部