CSS小功能实现

1.css实现三角形效果

#prev {
    display: block;
    width: 0;
    height: 0;
    border-bottom: 7px solid #4d4d4f;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin: 0 auto;
}

正三角（上），倒三角（下）

#next {
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid #4d4d4f;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    margin: 0 auto;
}

2.  三个横线的菜单标记  

posted @ 2020-03-31 17:13  以深  阅读(127)  评论(0)  编辑  收藏  举报
TOP