CSS是一个很神奇的东西，在我们的前端开发中用到很多，那么怎么用CSS实现一个三角形呢？
发表日期： 2020-07-21 09:19:33 浏览次数：254
宁波网站推广【宁波官网推广哪个效果好】宁波百度竞价推广托管、宁波百度优化推广外包、宁波全网霸屏推广多少钱、宁波网络推广一年大概多少费
宁波，简称“甬”，是浙江省副省级市、计划单列市，国务院批复确定的中国东南沿海重要的港口城市、长江三角洲南翼经济中心 。截至2019年，全市下辖6个区、2个县、代管2个县级市，总面积9816平方千米，常住人口854.2万人。
宁波地处中国华东地区、东南沿海，大陆海岸线中段，长江三角洲南翼，东有舟山群岛为天然屏障，宁波属于典型的江南水乡兼海港城市，是中国大运河南端出海口、“海上丝绸之路”东方始发港。宁波舟山港年货物吞吐量位居全球第一，集装箱量位居世界前三，是一个集内河港、河口港和海港于一体的多功能、综合性的现代化深水大港。
宁波是国家历史文化名城，公元前2000多年的夏代，宁波的名称为“鄞”，春秋时为越国境地，秦时属会稽郡的鄞、鄮、句章三县，唐时称明州。唐朝长庆元年（821年），明州州治迁到三江口，并筑内城，标志着宁波建城之始。明洪武十四年（1381年），取“海定则波宁”之义，改称宁波，一直沿用至今，是中国著名的院士之乡。
2019年8月，中国海关总署主办的《中国海关》杂志公布了2018年“中国外贸百强城市”排名，宁波排名第8。2019年地区生产总值11985.1亿元。
CSS是一个很神奇的东西，在我们的前端开发中用到很多，那么怎么用CSS实现一个三角形呢？
我们的思路是使用border边框来实现三角形的样式，因为border的边框是由四个三角形组成的。
首先我们创建一个带边框的div：
具体代码实现如下：
width: 40px;
height: 40px;
border-width: 40px;
border-style: solid;
border-color: red green blue brown;
然后我们将内部DIV的宽高设置为0：
width: 20px;
height: 20px;
border-width: 10px;
border-style: solid;
border-color: red green blue brown;
将其他的三个边框给取消点：
width: 0;
height: 0;
border-width: 40px;
border-style: solid;
border-color: red transparent transparent transparent;
利用更改border的边框，我们可以随意控制写出我们想要的三角形，通过控制边框的大小来实现三角形的大小，通过控制边框的位置来改变三角形的位置。
使用上面的方式实现三角形有一个问题就是，三角形的方位不太好控制，但是使用其他的方式依然会面临这样的问题。
7 月 20 日晚间消息，阿里巴巴开盘涨 3.75%，报 256.43 美元。
阿里巴巴开盘涨3.75%，蚂蚁金服拟科创板港股上市
7 月 20 日下午，支付宝母公司蚂蚁集团宣布，启动在上海证券交易所科创板和香港联合交易所有限公司主板寻求同步发行上市的计划，以进一步支持服务业数字化升级做大内需，加强全球合作助力全球可持续发展，以及支持公司加大技术研发和创新。
宁波网站推广【宁波官网推广哪个效果好】宁波百度竞价推广托管、宁波百度优化推广外包、宁波全网霸屏推广多少钱、宁波网络推广一年大概多少费
