鄄城企业微信公众号小程序开发公司、鄄城企业网页设计方案、鄄城做网站开发价格、鄄城微信公众号制作运营报价明细表、鄄城网站设计公司费用、鄄城网站推广大概需要多少钱

网站建设.jpg

鄄（juàn）城县，隶属于山东省菏泽市，位于山东省西南部，西北两面跨黄河与河南省毗邻，因境内有鄄邑、鄄城而得名，截至2018年12月底，鄄城县土地调查面积1037.67平方公里。 [1]

鄄城县是国家级生态示范区，全国粮食生产基地县，全国平原绿化先进县，全国鲁西黄牛和中国斗鸡保种基地，古代军事家、一代兵师孙膑的故里，是山东省首批20个省管县之一，列入国家民政部命名的“千年古县”。 [2]

2019年，鄄城县下辖2个街道、13个镇、2个乡 [3] 。2018年，鄄城县常住人口76.41万人，实现地区生产总值（GDP）198.67亿元，其中，第一产业增加值28.7亿元，第二产业增加值92.31亿元，第三产业增加值77.66亿元，三次产业构成为14.4：46.5：39.1，人均地区生产总值25416元。 [4]

最近好像特别迷恋使用这些小技巧。反正闲来无事，就随便研究研究前端这些东西。发现越发的喜欢啊。

首先申明，代码均未做优化处理等。

直接上代码：

<!DOCTYPE html><html>
 <head>
 <meta charset="utf-8">
 <title>Demo-css3</title>
 <style media="screen">
 body{margin: 0; padding: 0;}
 /*第一个气泡demo*/
 .demo,.demo2{
 background-color: #3c9;
 padding: 8px;
 display: inline-block;
 position: relative;
 left: 15px;
 top: 5px;
 z-index: 99;
 color: #fff;
 font-weight: 100;
 font-size: 14px;
 }
 .demo::before{
 content: '';
 display: inline-block;
 position: absolute;
 width: 20px;
 height: 15px;
 background-color: #3c9;
 border-top-right-radius: 10% 50%;
 border-top-left-radius: 100% 50%;
 top: 10px;
 left: -15px;
 z-index: 1;
 }
 .demo::after{
 content: '';
 display: inline-block;
 position: absolute;
 border-top-left-radius: 50% 50%;
 border-top-right-radius: 50% 50%;
 width: 25px;
 height: 15px;
 background-color: #fff;
 top: 15px;
 left: -25px;
 z-index: 2;
 }
 /* 第二个气泡demo*/
 .demo2{
 background-color: #fff;
 margin-top: 20px;
 border: 1px solid #f66;
 color: #333;
 font-weight: 400;
 }
 .demo2::before{
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 border-right: 10px solid #f66;
 border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;
 left: -10px;
 top: 11px;
 }
 .demo2::after{
 content: '';
 position: absolute;
 width: 0;
 height: 0;
 border-right: 10px solid #fff;
 border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;
 left: -8px;
 top: 11px;
 }
 </style>
 </head>
 <body>
 <div class="demo">
 我是一个气泡，我有很多CSS3属性，希望大家可以支持我，谢谢大家了。 </div>
 <div></div>
 <div class="demo2">
 我是第二个气泡，我也有很多CSS3属性！ </div>
 </body></html>

网站制作