给某个div加一个小三角形

.div{line-height: 50 / $p;width: 140 / $p;## 标题background: #F7F7F7;position: relative;font-size:18/$p;color:#B3B3B3 ;text-align: center;border-radius: 10/$p;
}
.div::before {//这里就是小三角了content: "";display: block;position: absolute;left: 55 / $p; //给小三角定位，更具实际需求调整top: 50 / $p; //给小三角定位，更具实际需求调整border-width: 10 / $p;border-style: dashed dashed solid dashed; //四个参数分别代表向下，左，上右的小三角(对应方向的小三角设置为solid，其他的为dashed。我这里演示向下的小三角，所以设置第3个）border-color:red transparent transparent  transparent; //四个参数分别代表向下，左，上右的小三角。对应方向的小三角设置你想要的颜色（为了直观我这里设置红色），其他的为transparent。我这里演示向下的小三角，所以设置第1个。
}

给某个div加一个小三角形相关推荐

给 OpenPOP.Net 加一个小功能,可用于收取邮件时监测数据流量!
/* 最近写了一个自动收邮件的机器人,原来一开始偷懒"娶"了 COM 组件 JMail: <封装 JMail 4.4 的 POP3 为 .Net 组件 (.dll 程序集), ...
如何给div加一个边框border样式
如何给div加一个边框样式? 对div盒子加一个边框样式很简单只需要使用border板块样式即可. 一.虚线与实线边框边框虚线样式:dashed 边框实现样式:solid border:1px da ...
html 图片上放置按钮,用CSS在图片上再加一个小按钮
很简单的,嗯,就是要做成这样的: 用CSS,当然得用层了,就是在图片上再加一个层,用来放那个按钮,按钮又有两种方式可以放,一种是直接用图片img标签,一种是通过背景图片放上去.这里我们就用背景图片这个 ...
运放输出端加一个小电阻的作用
1.运放输出端加一小电阻的作用? 答:运放输出短路的保护方法很简单,只要用一个小电阻R串接于运放的输出端,如图所示,就能防止输出短路失效.如果这个电阻接到反馈环路内,如图中虚线所示,除输出电压明显下降 ...
css如何实现一个小三角形,用纯css写一个常见的小三角形
js小技巧 js判断字符长度直接使用String对象的属性,空格亦算一个字符 myString = "Hello world"; length = myString.length ...
css小技巧 ----- 使用border制作一个小三角形图标
css样式 div {width: 0;height: 0;overflow: hidden;border-width: 7px;border-color: transparent transpare ...
java和C#中定义变量，加一个小括号是什么意思。。。
在群里灌水发现,有人这样定义字符串,感觉很好奇..又问了群友,群友说这样定义没问题.. String strtemp = ("test"); 我自己试了下,java和C#都可以,C ...
js怎么给div加滑动条 vue给弹出层加滑动条(一分钟学会用js加滚动条)
@[TOC](怎么给div加滑动条给弹出层加滑动条(一分钟学会js加滚动条)) 给div加滑动条给需要滑动条的div加一个样式加一个高度,加一个overflow:auto; overflow:a ...
html网页表格中加超链接,用html给div加类似a标签的超链接（转）
今天项目中遇到用html给div加类似a标签的超链接,回想半天,万幸还是想出来了. 分享一下啊: 1.通过window.open函数在新窗口跳转至百度在当前窗口跳转至百度 1 2 3 2.通过wi ...
android三角形切图软件,还在为小三角形切图？使用纯CSS写一个简单的三角形
同学们,当美工给的设计图是这样: 或者这样: 我的内心其实是拒绝的-_-:但工作还得干,大部分同学会写 .icon{width:20px;height:20px;display:block;margi ...

给某个div加一个小三角形

给某个div加一个小三角形相关推荐

最新文章

热门文章