如何用CSS画一个三角形

border-left-color:

border-top-width:中心距顶部距离

 

.userCard .welcome .triangle{   border: 8px solid transparent;width: 0px;height: 0px;border-left-color: #E8676B;border-top-width: 0;    
}

结果 →

 

这篇博客很清楚，可借助参考：https://www.cnblogs.com/youhong/p/6530575.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/569466.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

CSS hr修改样式

CSS hr修改样式

hr 默认样式 若加上这样CSS hr{height: 0;border: none;border-top: 1px solid red; } 会变为
阅读更多...
scrapy框架的日志等级和请求传参

scrapy框架的日志等级和请求传参

Scrapy的日志等级 - 在使用scrapy crawl spiderFileName运行程序时，在终端里打印输出的就是scrapy的日志信息。- 日志信息的种类：ERROR ： 一般错误WARNING : 警告INFO : 一般的信息DEBUG ： 调试信息- 设置日志信息指定输出&#x…
阅读更多...
12-order by和group by 原理和优化 sort by 倒叙

12-order by和group by 原理和优化 sort by 倒叙

原理和优化 groupBy分组？会造成一个数据倾斜 1.解决方案：将输入在map端进行部分的打乱重分 set hive.groupby.skewindatatrue; 2.在map到reduce端的时候设置combiner进行合并 set hive.map.aggrtrue; 3.在combiner进行合并的时候要知道数据量的大小&…
阅读更多...
DOM相关（主要是var和let的区别用法）

DOM相关（主要是var和let的区别用法）

一、1.节点的类型有七种，分别是：Document，DocumentType，Element，Attribute，Text，Comment，DocumentFragment 2.DOM树的根节点是：html 3.元素Element的NodeType值为&…
阅读更多...
JOIN三个表格

JOIN三个表格

表格一 表格二 表格三 SQL语句为 SELECT * FROM movie JOIN casting ON movie.idcasting.movieid 　 　 JOIN actor ON casting.actoridactor.id(要注意join 的格式) 最终结果展示在最下面 idtitleyrdirectorbudgetgrossmovieidactoridordidname1001710 Rillington Place19…
阅读更多...
深度学习入门|第5章 误差反向传播法（二）

深度学习入门|第5章 误差反向传播法（二）

误差反向传播法 前言 此为本人学习《深度学习入门》的学习笔记 四、简单层的实现 本节将用 Python 实现前面的购买苹果的例子。这里，我们把要实现的计算图的乘法节点称为“乘法层”（MulLayer），加法节点称为“加法层”（…
阅读更多...
牡丹-曹州牡丹：曹州牡丹

牡丹-曹州牡丹：曹州牡丹

ylbtech-牡丹-曹州牡丹：曹州牡丹菏泽牡丹，山东省菏泽市特产，中国国家地理标志产品。牡丹，原产中国西北部，秦岭和陕北山地多野生，栽培历史悠久，南北朝时已声成为观赏植物。菏泽，古称曹…
阅读更多...
idea报错：Error: java: 错误: 不支持发行版本 5

idea报错：Error: java: 错误: 不支持发行版本 5

我在测试类运行时，出现下述错误： 可能原因：java版本不一致项目编译配置使用的java版本不对 解决方案： 第一步：file---Project Structure-- Project（两版本改为一致：第二、三个横框中数字都为11…
阅读更多...
python网络爬虫基础day01

python网络爬虫基础day01

2019.5.13，今天在“小猿圈”跟着波波老师学习了爬虫开发的第一章和第二章，总结下今天学的知识： 爬虫基础介绍：　　 什么是爬虫？ 　　 - 通过编写程序，模拟浏览器上网，然后让其去互联网上抓取数…
阅读更多...
忘记mysql数据库连接密码

忘记mysql数据库连接密码

本次操作所有需要用到的密令行： bin>net stop mysql bin>mysqld --skip-grant-tables bin>mysql mysql>use mysql mysql>update user set passwordpassword("123456") where user"root"; mysql>flush privileges; mys…
阅读更多...
Python 基础 函数

Python 基础 函数

1：调用函数 eg：调用内置函数 abs() 求绝对值 2：定义函数 1：定义一个函数要使用 def 语句，依次写出函数名、括号、括号中的参数和冒号:，然后，在缩进块中编写函数体，函数的返回值用ret…
阅读更多...
Springmvc跨服务器文件上传报403,409错误

Springmvc跨服务器文件上传报403,409错误

报403错误 Tomcat默认只读模式&#xff0c;传图片会被拒绝 解决&#xff1a;找到 Tomcat 目录---conf下---web.xml&#xff0c;打开 加入 <init-param><param-name>readonly</param-name><param-value>false</param-value> </init-param&g…
阅读更多...
单元测试——Winfrom

单元测试——Winfrom

一、新建单元测试项目 二、单元测试可在Service或者Repository层分别创建 三、编写好代码后可运行单元测试 转载于:https://www.cnblogs.com/772933011qq/p/10863817.html
阅读更多...
vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde

vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde

报错信息 These dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/index.css in ./src/main.js 解决方案 1、 cmd进入命令行窗口&#xff0c;切入运行的项目文件夹下 2、输入 cnpm i element-ui -S(没有装淘宝镜像的使用 npm i…
阅读更多...
Spring的配置与使用

Spring的配置与使用

一、Spring的组成 其中最核心的是Core Container核心容器 二、spring框架的作用&#xff1a; 对于我目前了解的spring框架&#xff0c;其中一个作用是用来降低程序间的耦合度的&#xff0c;也就是降低程序间的依耐性。 IOC&#xff1a;inversion of control 控制反转-->即将…
阅读更多...
新增或编辑保存时出错后，页面无法再次编辑

新增或编辑保存时出错后，页面无法再次编辑

新增或编辑保存时出错后&#xff0c;页面无法再次编辑&#xff0c;除非关闭新增或编辑弹窗&#xff0c;重新打开新增或编辑页面&#xff0c;否则无法编辑 &#xff0c;如下图&#xff1a; 解决方案 在新增方法之前定义loading参数&#xff0c;在调用后台服务之前先使用loading…
阅读更多...
选择日期保存后日期变成前一天（avue date）

选择日期保存后日期变成前一天（avue date）

1、问题&#xff1a;选中日期&#xff0c;保存&#xff0c;日期变成前一天 {label: 生产日期,prop: esDate,type: date,}, 2、解决&#xff1a;&#xff08;avue的官方文档&#xff09; {label: 生产日期,prop: esDate,type: date,valueFormat: yyyy-MM-dd}, 只需要加 value…
阅读更多...
v-region 地址组件无法回显问题(选择地址保存后，打开编辑，发现刚才选择的地址【省市县乡】信息消失，信息不回显)

v-region 地址组件无法回显问题(选择地址保存后，打开编辑，发现刚才选择的地址【省市县乡】信息消失，信息不回显)

(Avue) 1、问题 v-region 地址组件无法回显(选择地址保存后&#xff0c;打开编辑&#xff0c;发现刚才选择的地址【省市县乡】信息消失&#xff0c;信息不回显) 选择好省市县乡后&#xff0c;保存&#xff0c;再次编辑&#xff0c;发现如下&#xff1a; 2、解决方案&#xff…
阅读更多...
JavaScript中一个对象数组按照另一个数组排序

JavaScript中一个对象数组按照另一个数组排序

JavaScript中一个对象数组按照另一个数组排序 需求&#xff1a;排序 const arr1 [33, 11, 55, 22, 66];const arr2 [{age: 55}, {age: 22}, {age: 11}, {age: 66}, {age: 33}]数组arr2中每项都是一个对象&#xff0c;对象中age属性 数组arr1中的项将arr2数组根据对象的age值…
阅读更多...
oracle mysql 常用语句（查询表中某字段有几种类型，及每种类型有多少个数、插入多行、查询前几行）

oracle mysql 常用语句（查询表中某字段有几种类型，及每种类型有多少个数、插入多行、查询前几行）

亲测有效 1、&#xff08;1&#xff09;查询表中某字段有几种类型&#xff0c;及每种类型有多少个数 select DISTINCT name user_name,count(*) num from patient GROUP BY name &#xff08;2&#xff09;查询表中某字段类型共有几种 select count(distinct name) from pat…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023