龙海网站制作要多少钱【域名企业邮箱服务器注册申请办理】龙海网络优化公司哪家好、龙海软件开发外包价格、龙海高端企业网站页面制作设计专业公司、龙海微信公众号小程序购物支付搭建制作公司
龙海区,福建省漳州市辖区,地处福建省东南部,漳州市东部, [9] 总面积1190.97平方千米。 [31] 2019年末常住人口为96.31万人,户籍总人口为90.16万人, [32] 有畲、苗、土家、壮等45个少数民族 [9] ;截至2020年6月,下辖1个街道、11个镇、2个乡。 [2]
龙海区位于福建省东南沿海,福建第二大江九龙江出海口,西与漳州主城区毗邻,东临厦门湾区,具备“东承西接”的地理优势,是福建省改革开放和对台合作的前沿阵地,也是厦漳同城发展“桥头堡”,城区至漳州主城区20公里,与厦门市形成半小时经济圈、生活圈;与厦门最近距离仅2海里,市区客运码头至厦门码头19海里、至厦门机场50公里, [23] ;是国家卫生城市 [13] 、革命文物保护利用片区分县 [17] 、节水型社会建设达标县 [14] 、福建省文明城市。 [19]
2019年,龙海区全境地区生产总值为1100.4570亿元,增长6.9%。其中,第一产业增加值为79.2166亿元,第二产业增加值为641.7697亿元,第三产业增加值为379.4707亿元,人均GDP达到114660元。 [33]
提到圆角,很多人都会想到CSS的border-radius,但是CSS的border-radius属性在IE下是无效的,无论你的border-radius为几,在IE下通通都是border-radius:0;也就是说圆的会全部变成矩形的,如何制作一个兼容IE的圆角正是这篇文章所要讲述的,不仅要教会你怎么做,更要让你知道它的原理。首先先看一下兼容圆角的效果:
这个可不是图片来的哦,这是纯html+css做成的div容器。即使你用老掉牙的IE6访问,圆角依旧不变,是什么让它风韵犹存呢?我们来看一下这块的html+css代码:
复制代码<div style="height: 1px;overflow: hidden;display: block;background: #B2D0EA;margin: 0 3px;"></div><div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 1px;"></div><div style="background: #EDF7FF;border-left: 1px solid #B2D0EA;border-right: 1px solid #B2D0EA;"><div style="background: #EDF7FF;padding: 5px;">秋叶网络博客</div><div style="background: #FFFFFF;padding: 5px;">www.wuover.com</div></div><div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 1px;"></div><div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 2px;"></div><div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 3px;"></div><div style="height: 1px;overflow: hidden;display: block;background: #B2D0EA;margin: 0 4px;clear: both;"></div>复制代码
原理很简单,只要懂html+css的一看就明白,所谓的圆角它是利用不同div的边框(一点)连续成一条直线,然后再通过每个div使用margin属性使其一步一步错开,从而构造一个弧度,由于边框在任意浏览器上都是显示的,所以圆角效果达到了兼容任意浏览器。我们把这块代码拆分开来讲解一下:
复制代码<!--制作左上角和右上角--><div style="height: 1px;overflow: hidden;display: block;background: #B2D0EA;margin: 0 3px;"></div> <!--制作上边框,高度为1,背景颜色即成了边框颜色,左右缩进3px像素-><div style="height: 1px;overflow: hidden;display: block;bordert-righ: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 1px;"></div> <!--高度为1,背景颜色无,左右边框为边界值颜色,从而构成左右分开的两个点。左右缩进1px,和上面的3px和下面主体的0px在3px的长度上构成一个弧度-><!--制作左上角和右上角--><!--内容--><div style="background: #EDF7FF;border-left: 1px solid #B2D0EA;border-right: 1px solid #B2D0EA;"> <div style="background: #EDF7FF;padding: 5px;">秋叶网络博客</div> <div style="background: #FFFFFF;padding: 5px;">www.wuover.com</div></div><!--内容--><!--制作左下角和右下角--><div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 1px;"></div> <div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 2px;"></div> <div style="height: 1px;overflow: hidden;display: block;border-right: 2px solid #B2D0EA;border-left: 2px solid #B2D0EA;margin: 0 3px;"></div> <div style="height: 1px;overflow: hidden;display: block;background: #B2D0EA;margin: 0 4px;clear: both;"></div><!--制作左下角和右下角-->复制代码
如果要使圆角弧度变大,就按照制作左下角和右下角的那块代码来自行添加div线条。通过margin一个px一个px来构造。
因为是由点构成的弧度,所以会有锯齿感,容差为1px,放大可以看得很明显。这就是它的不足之处,还有一点就是,如果弧度大的话,需要比较多的html代码,这也就增加了页面的体积。