css越来月强大，你知道css可以用来制作六角星吗？让我们一起来看看如何使用纯css制作六角星吧。
思路： 六角星 = 向上的三角形 + 向下的三角形。 把一个向上的三角形和一下向下的三角形组合在一起就得到了一个六角星，是不是很神奇呢？
-
您身边的网站建设推广专家
专注营销型网站建设 . 搜索引擎全网覆盖推广 . 打造移动互联网
全国咨询热线
【建站服务】台州400电话怎么申请开通【台州400电话办理流程】 台州400电话月租费多少钱、 台州企业400电话服务热线一年大概多少钱、 台州400电话收费标准报价单【企业4006电话4008电话如
作者: 风兰 . 阅读量： 12 . 发表时间：2022-09-20 12:46:52
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
台州400电话怎么申请开通【台州400电话办理流程】 台州400电话月租费多少钱、 台州企业400电话服务热线一年大概多少钱、 台州400电话收费标准报价单【企业4006电话4008电话如何办理开通】
台（Tāi）州，是浙江省地级市，长江三角洲中心区27城之一 ，国务院批复确定的浙江沿海的区域性中心城市和现代化港口城市。截至2018年，全市下辖3个区、3个县、代管3个县级市，总面积10050.43平方千米，常住人口613.90万人，城镇人口386.76万人，城镇化率63.0%，常住外来人口达124万人。
台州地处中国华东地区、浙江中部沿海，东濒东海，北靠绍兴市、宁波市，南邻温州市，西与金华市和丽水市毗邻，依山面海，地势由西向东倾斜，西北山脉连绵；夏季受热带海洋气团控制，炎热多雨，为热带气候特征。冬季受极地大陆气团控制，天气温凉，具亚热带气候特征，境内公路交通以沈海高速公路等构成主要公路网。
台州是江南水乡，水穿城过。历史上台州“河网密布、港汊交纵”，水乡风韵不亚于苏杭，有“走遍苏杭、不如温黄”之说。台州素以佛宗道源享誉海内外，是佛教天台宗和道教南宗的发祥地。天台山以其深邃的文化内涵孕育出了博大精深的“和合文化”。台州是浙江“七山一水两分田”的缩影，是山、海、水和谐的生态福地
css越来月强大，你知道css可以用来制作六角星吗？让我们一起来看看如何使用纯css制作六角星吧。
思路： 六角星 = 向上的三角形 + 向下的三角形。 把一个向上的三角形和一下向下的三角形组合在一起就得到了一个六角星，是不是很神奇呢？
新建一个html文件。
在html文件上创建一个div标签，然后给这个标签添加一个id，后面的样式设置会直接使用这个来设置。如图：
代码：<div id="hexagon"></div>
创建第一个三角形。对上面添加的id设置样式，使得在浏览器上看到一个三角形。如图：
样式代码：
<style type="text/css">
#hexagon {
margin: 120px auto;
position: relative;
display: block;
width: 0px;
height: 0px;
border-right: 100px solid transparent;
border-bottom: 150px solid red;
border-left: 100px solid transparent;
}
</style>
保存html文件，使用浏览器打开，即可看到一个向上的三角形效果。如图：
使用伪类:after创建一个向下的三角形，然后使用绝对定位设置这个三角形的位置。如图：
样式代码：
#hexagon:after{
content: "";
position: absolute;
top:50px;
left: -100px;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
border-top: 150px solid red;
}
保存好html文件后使用浏览器打开，接口看到六角星效果。如图：
所有代码。可以直接复制所有代码到html文件上，保存后运行即可看到效果。
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>六角星</title>
<style type="text/css">
#hexagon {
margin: 120px auto;
position: relative;
display: block;
width: 0px;
height: 0px;
border-right: 100px solid transparent;
border-bottom: 150px solid red;
border-left: 100px solid transparent;
}
#hexagon:after{
content: "";
position: absolute;
top:50px;
left: -100px;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
border-top: 150px solid red;
}
</style>
</head>
<body>
<div id="hexagon"></div>
</body>
</html>
北京时间 7 月 18 日消息，投资者既对政府出台更多经济刺激措施充满期望，又担忧疫情反弹会对经济造成进一步破坏，星期五美股涨跌不一。截至收盘，道指跌 62.76 点，跌幅为 0.23%，报收 26671.95 点；标普 500 指数涨 9.16 点，涨幅为 0.28%，报收 3224.73 点；纳指涨 29.36 点，涨幅为 0.28%，报收 10503.19 点。
美国主要科技巨头绝大多数下跌，Facebook 涨 0.46%，亚马逊跌 1.26%，苹果跌 0.2%，NetFlix 跌 6.52%，Alphabet 跌 0.16%，微软跌 0.51%。
中国主要科技股多数下跌，网易涨 1.62%，爱奇艺跌 1.24%，拼多多跌 1.29%，微博跌 1.5%，腾讯音乐跌 1.01%，阿里巴巴涨 1.91%，京东涨 0.68%，趣头条跌 1.76%。
台州400电话怎么申请开通【台州400电话办理流程】 台州400电话月租费多少钱、 台州企业400电话服务热线一年大概多少钱、 台州400电话收费标准报价单【企业4006电话4008电话如何办理开通】
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
关键词：网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站
