加拿大三分彩开奖结果:Css:after伪元素【简单】写对话框箭头

加拿大快乐8走势图 www.sn89e.com.cn 2018-09-15 PM 02:09.来自互联网

(阅览)Read 2117

(调整字号)Size

16px 14px 12px

第一次写对话框的箭头时,也是一头雾水,不知道怎么去写,后来去学习了一下别人怎么写的,也曾经试过去用别人的代码,但是去修改箭头长度和宽度的时候总是很难,然后就自己去研究,发现了一种全新的写法,自我感觉还是挺简单的,最重要的是这样写可以去控制箭头的长短和宽度,这样在其他地方用的时候,也更加容易修改。



先是一个随意的 DIV ,可以根据自己的需要加在自己想样用到的地方,然后通过他的伪类:after添加content,三角形的形状是通过它的四个方向的边框去实现的,其中三个方向的边框设置颜色为透明。


例如我这个是向下的箭头,可以通过border-leftborder-right的宽度来改变箭头的宽度,左右两个边框的宽度差可以去控制箭头的偏向,向下的箭头,就设置boorder-bottom的宽度为0,通过border-top的边框宽度去改变箭头的长短。最后通过定位把它放在DIV的下面就行了。


下面是效果图:



0371/8622 0001

weekdays :   -am. 09:00-11:30
-pm.14:00-18:30 Open Hours

中国郑州 郑东新区金水东路与中兴路交汇处楷林IFC /A座 -17F-1713

Room1713 Building A,Kineer IFC,JinShui East Rd.
Zhengdong New Area,Henan,China

  • 90岁老夫妇也玩王者荣耀真人cosplay? 2019-02-15
  • 海军第二十八批护航编队结束对喀麦隆的友好访问驶离杜阿拉港 2019-02-14
  • 调查:“大数据杀熟”是否真的存在? 2019-02-14
  • 一图看懂丨拉林铁路藏木特大桥 2019-02-13
  • 端午将近 中纪委近期曝光的这些典型“四风”问题需警惕 2019-02-13
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-02-12
  • 【品牌资讯】环球网荣获“中国新闻网站十大影响力品牌奖” 2019-02-12
  • 百名红色通缉令三成多归案 海外追逃难在何处? 2019-02-11
  • 天津举办改善营商环境专题讲座 2019-02-11
  • 亳州留置“第一案”审理!谯城区一书记被指控 2019-02-10
  • 北京冬奥场馆建设注重赛后利用 2019-02-10
  • 乡亲们幸福,我也感到幸福 2019-02-09
  • 端午假期全国迎客8910万人次 传统文化活动受青睐 2019-02-09
  • Windows10新版17692发布-热门标签-华商网数码 2019-02-08
  • 这样的papi酱你见过吗?满满的正能量 2019-02-07
  • 132| 765| 644| 886| 586| 220| 297| 825| 558| 519|