css如何制作一个关闭图标呢？
制作思路：关闭图标是由两两条竖直线组成，一条竖直线旋转45度，另一条竖直线旋转270度就，然后把这两条线选装过后的线中心点相交就可以得到一个关闭的小图标了。
发表日期： 2020-07-18 15:56:36 浏览次数：110
德清400电话怎么申请开通【德清400电话办理流程】德清400电话月租费多少钱、德清企业400电话服务热线一年大概多少钱、德清400电话收费标准报价单【企业4006电话4008电话如何办理开通】
德清县，浙江省湖州市辖县，位于浙江北部，东望上海、南接杭州、北连太湖、西枕天目山麓，处长三角腹地；地势自西向东倾斜，呈北亚热带季风气候，常年气候特征为四季分明、光照充足、雨量充沛、温度湿润；总面积937.92平方公里，辖8个镇、5个街道，2018年常住人口44.2万人。
德清县域历史悠久，有着良渚文化的遗迹和古代防风文化的传说。县名因濒临余不溪，取政德清明如水之义。德清有千年古刹云岫寺、宋代石桥等一大批历史文化遗迹，还孕育了沈约、孟郊、管道昇等一大批历史文化名人。宁杭高铁、杭宁高速公路、申嘉湖（杭）高速公路、104国道、304省道、宣杭铁路、京杭运河、杭湖锡线航道穿境而过，县城距杭州市中心高铁仅16分钟车程，距长三角核心城市上海、宁波、南京均在2小时车程以内。2020年3月，获得全国村庄清洁行动先进县称号，被中央农办、农业农村部予以通报表扬。
css如何制作一个关闭图标呢？
制作思路：关闭图标是由两两条竖直线组成，一条竖直线旋转45度，另一条竖直线旋转270度就，然后把这两条线选装过后的线中心点相交就可以得到一个关闭的小图标了。
打开前端开发工具，新建一个html代码页面。
在新建的html页面上创建一个<span>,然后给这个标签添加一个样式类，案例中的样式类为close。如图：
代码：<span class="close"></span>
为close类添加一条竖线，然后把这条竖线旋转45度。如图
代码：
.close{
position:relative;
width:0.3em;
height:1.5em;
background: #333;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
}
保存html代码页面，使用浏览器打开就可以看到一条旋转45度的斜线。如图
使用::after伪类添加另外一条竖线，这条竖线旋转角度为270度。如图
代码：
.close:after{
content: "";
position: absolute;
top: 0;
left: 0;
width:0.3em;
height:1.5em;
background: #333;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
保存后使用浏览器打开，就可以看到一个关闭的图标按钮了。如图
所有代码。新建一个html代码页面，直接复制所有代码粘贴到新建的html文件上，保存后运行即可看到关闭小图标按钮。
所有代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
text-align: center;
}
.close{
position:relative;
width:0.3em;
height:1.5em;
background: #333;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
}
.close:after{
content: "";
position: absolute;
top: 0;
left: 0;
width:0.3em;
height:1.5em;
background: #333;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
</style>
</head>
<body>
<span class="close"></span>
</body>
</html>
7 月 17 日消息 根据中国信通院的消息，今天，全国 "携号转网"用户突破 1000 万。
2019 年 11 月 27 日中国电信、中国移动、中国联通在全国正式提供 "携号转网"服务，用户可以在保持号码不变的情况下选择电信、移动、联通任一家的网络和服务，避免更换号码带来的成本和风险。
信通院表示，98.3% 用户办理 "携号转网"后没有再次转网，只有 1.3% 用户经过比较后又携回了原有运营商，还有 0.4% 用户再次转网到第三家运营商。根据今年 3 月对办理 "携号转网"的用户调研显示，43% 用户为了获得更好的网络覆盖和网络信号，34% 用户为了获得更便宜的资费，30% 用户为了获得更加符合自身需求的业务套餐，办理 "携号转网"的原因还有获得更好的服务、可以和家人办理亲情号码、仅仅想换一家运营商或者体验一下这项服务。
德清400电话怎么申请开通【德清400电话办理流程】德清400电话月租费多少钱、德清企业400电话服务热线一年大概多少钱、德清400电话收费标准报价单【企业4006电话4008电话如何办理开通】
