• CSS为DIV添加尖角指向


    首先先看下怎么生成三角形

    生成这个图案,需要设置一个div,宽高都设置成0,设置边框线

    这样就有三角形了

    1.如果设置箭头向上    上方边框线取消掉,将左右方向边框线设置为透明

     

    2. 如果设置箭头向下  同理   下方边框线取消掉,将左右方向边框线设置为透明

     

    3.如果设置箭头向左     将 右侧边框线取消掉,将上下方向边框线设置为透明

    4.如果设置箭头向右   将 左侧边框线取消掉,将上下方向边框线设置为透明

     

    假设取的是箭头朝上

    首先定义一个DIV 文本框  ,设置宽高,以及相对定位

    为这个文本框设置伪类before after      ,content 设置为空就好,before 设置颜色,after不设置颜色,来实现指向三角形

    before样式

    after样式

     

    设置成白色  将before边框线颜色覆盖掉

     完成

  • 相关阅读:
    android-sdk环境变量配置
    2018/08/04
    python 读取配置文件ini ---ConfigParser
    关于自动化测试框架搭建的前期考虑问题
    Jmeter中用例禁用
    Jmeter创建一个http请求
    基本的sql语法
    sql创建表格时出现乱码
    Jmeter安装
    Java环境搭建
  • 原文地址:https://www.cnblogs.com/Yzzzzzzzzz/p/10932044.html
Copyright © 2020-2023  润新知