zoukankan      html  css  js  c++  java
  • 纯css做三角形形状

     1 /* create an arrow that points up */
     2 div.arrow-up {
     3   width:0px;
     4   height:0px;
     5   border-left:5px solid transparent;  /* left arrow slant */
     6   border-right:5px solid transparent; /* right arrow slant */
     7   border-bottom:5px solid #2f2f2f; /* bottom, add background color here */
     8   font-size:0px;
     9   line-height:0px;
    10 }
    11  
    12 /* create an arrow that points down */
    13 div.arrow-down {
    14   width:0px;
    15   height:0px;
    16   border-left:5px solid transparent;
    17   border-right:5px solid transparent;
    18   border-top:5px solid #2f2f2f;
    19   font-size:0px;
    20   line-height:0px;
    21 }
    22  
    23 /* create an arrow that points left */
    24 div.arrow-left {
    25   width:0px;
    26   height:0px;
    27   border-bottom:5px solid transparent;  /* left arrow slant */
    28   border-top:5px solid transparent; /* right arrow slant */
    29   border-right:5px solid #2f2f2f; /* bottom, add background color here */
    30   font-size:0px;
    31   line-height:0px;
    32 }
    33  
    34 /* create an arrow that points right */
    35 div.arrow-right {
    36   width:0px;
    37   height:0px;
    38   border-bottom:5px solid transparent;  /* left arrow slant */
    39   border-top:5px solid transparent; /* right arrow slant */
    40   border-left:5px solid #2f2f2f; /* bottom, add background color here */
    41   font-size:0px;
    42   line-height:0px;
    43 }
  • 相关阅读:
    Python老男孩 day09
    mount 挂载usb
    解压以及压缩命令
    flask 安装
    寻找文件 的小栗子
    Linux 环境变量与文件查找
    vim 查找和替换
    vim 基本功能 删除 移动 复制 粘贴
    selenium python 处理alter
    selenium python 显式和隐式等待方法
  • 原文地址:https://www.cnblogs.com/wxydigua/p/3817998.html
Copyright © 2011-2022 走看看