发表日期： 2020-10-11 14:21:47 浏览次数：187
常州市钟楼区南大街街道公司网页制作、常州市钟楼区荷花池街道制作企业网站、常州市钟楼区新闸街道高端网站建设、常州市新北区河海街道竞价托管公司、常州市新北区三井街道网站推广、常州市新北区龙虎塘街道公众号开发
常州，简称“常”，别称龙城，是江苏省地级市，国务院批复确定的中国长江三角洲地区中心城市之一、先进制造业基地和文化旅游名城。截至2018年，全市下辖5个区、代管1个县级市，总面积4375平方千米，常住人口472.9万人，城镇人口342.8万人，城镇化率72.5% ，常住外来人口达170万人。
常州地处江苏省南部、长三角腹地，东与无锡相邻，西与南京、镇江接壤，南与无锡、安徽宣城交界。常州市属长江下游平原，兼有高沙平原和山丘湖圩，属于北亚热带季风气候。有圩墩新石器遗址、春秋淹城、天宁寺、红梅阁、文笔塔、藤花旧馆、舣舟亭、太平天国护王府、瞿秋白纪念馆、中华恐龙园、天目湖、金坛茅山风景区、嬉戏谷、东方盐湖城、华夏宝盛园等景点。
常州是一座有着3200多年历史的文化古城；春秋末期（前547年），吴王寿梦第四子季札封邑延陵，开始了长达2500多年有准确纪年和确切地名的历史。西汉高祖五年（前202年）改称毗陵。西晋武帝太康二年（281年），改置毗陵郡。自此，常州历朝均为郡、州、路、府治所，曾有过延陵、毗陵、毗坛、晋陵、长春、尝州、武进等名称，隋文帝开皇九年（589年）始有常州之称。
2019年，常州市实现地区生产总值（GDP）7400.9亿元，按可比价计算增长6.8%，增速高出全省平均水平0.7个百分点。
html与css学习过程中会遇到各种各样的问题，当然也有很多有趣的实战应用，今天大鹏与大家分享如何用css来控制div画三角形，进一步画出圣诞树。
1
【新建文本文档】
在桌面新建一个文本文档，并命名为“三角形”，打开新建的文本文档，把html里的doctype、head、body等框架搭好。
【注意】可以在写完之后再重新重命名为.html文件。
2
【创建div并用border属性控制】
布局div，并命名id="tri"，用CSS来控制div，在style里面，使用border属性对div进行控制，
#tri{
width: 0px;
height: 0px;
border-top: 400px solid red;
border-right: 400px solid blue;
border-bottom: 400px solid green;
border-left: 400px solid yellow;
}
【注意】div的长宽设为0，border为边框，会看到如下四个三角状的图形。
3
【修改并选择自己想要的三角形】
上述代码画的还不是三角形，但是是四个三角，只要将border周边的颜色变成白色就可以了，例如除了border-bottom: 100px solid green;其余全变为white，就会看到如下效果，当然你也可以根据自己需要来调整。
此外可以将border-top的像素设为0；其余两边也调小一点并且颜色设为白色，就会只看到底下的一个三角形了。
【注意】根据自己实际来挑选自己想要达到的效果。图一图二效果不同，就是border设定不同的原因。
4
代码如下仅做参考：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>三角练习</title>
<style>
#tri{
width: 0px;
height: 0px;
border-top: 0px solid white;
border-right: 100px solid white;
border-bottom: 400px solid green;
border-left: 100px solid white;
}
</style>
</head>
<body>
<div id="tri"></div>
</body>
</html>
END
【画两个三角】
用上面三角形的基础，先画出两个大小不同三角形。
#tri1{
width: 0px;
height: 0px;
border-top: 100px solid white;
border-right: 100px solid white;
border-bottom: 100px solid green;
border-left: 100px solid white;
}
#tri2{
width: 0px;
height: 0px;
border-top: 200px solid white;
border-right: 200px solid white;
border-bottom: 200px solid green;
border-left: 200px solid white;
}
【利用浮动以及margin调到合适位置】
将第一个小三角形浮动起来，这样就覆盖到第2个上面，然后利用margin值调动位置，最终显示出圣诞树的上面内容，代码如下，图如下。
#tri1{
width: 0px;
height: 0px;
border-top: 100px solid white;
border-right: 100px solid white;
border-bottom: 100px solid green;
border-left: 100px solid white;
float: left;
margin-left: 100px;
}
#tri2{
width: 0px;
height: 0px;
border-top: 200px solid white;
border-right: 200px solid white;
border-bottom: 200px solid green;
border-left: 200px solid white;
}
【画树干】
再加入一个div名字为footer，控制其大小形状与颜色，并用margin调整期位置。
#footer{
width: 100px;
height: 200px;
background: gray;
margin-left: 150px;
}
最终，经过调整得到一课圣诞树。如下图所示
完整代码如下，仅做参考
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>圣诞树练习</title>
<style>
#header{
width: 0px;
height: 0px;
border-top: 100px solid white;
border-right: 100px solid white;
border-bottom: 100px solid green;
border-left: 100px solid white;
float: left;
margin-left: 100px;
}
#main{
width: 0px;
height: 0px;
border-top: 200px solid white;
border-right: 200px solid white;
border-bottom: 200px solid green;
border-left: 200px solid white;
}
#footer{
width: 100px;
height: 200px;
background: gray;
margin-left: 150px;
}
</style>
</head>
<body>
<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>
</body>
</html>
英国下议院国防委员会周四发布 5G 网络安全报告，敦促首相鲍里斯 · 约翰逊 (Boris Johnson)考虑提前两年对华为实施 5G 禁令。按照当前计划，英国拟 2027 年禁止在 5G 网络中使用华为设备。
这些议员在报告中写道：“如果盟友要求英国更快移除华为设备的压力继续存在，或者中国的全球地位发生重大变化，政府应该考虑 2025 年之前移除华为设备的想法是否可行。这样的举动肯定将给电信运营商和经济带来更沉重负担，但国际紧张局势可能会迫使英国采取行动。”
原计划2027年前移除华为，英议员敦促首相提前2年
今年 7 月，约翰逊领导的政府表示，到今年年底，电话公司将被禁止从华为购买 5G 设备，并被迫在 2027 年之前将这些设备完全从网络中移除。英国官员表示，美国 5 月出台的制裁措施使得无法核实华为供应链的安全性。华为此前在英国的影响力有限，被认为属于可控风险。
常州市钟楼区南大街街道公司网页制作、常州市钟楼区荷花池街道制作企业网站、常州市钟楼区新闸街道高端网站建设、常州市新北区河海街道竞价托管公司、常州市新北区三井街道网站推广、常州市新北区龙虎塘街道公众号开发
