专注于抚顺网站建设、抚顺网站制作、抚顺网页设计等网络服务
网站首页 关于我们 新闻中心 软件开发 网站建设 小程序开发 公众号开发 成功案例 联系我们
您所在的位置:网站首页 > 新闻中心
【CSS中圆角矩形】
来源:www.fsjianzhan.com 发布者:抚顺小程序开发  发布时间:2020-01-12 
 

内容:首先在<body>标签内部里添加一个大层(大层用来固定整体大框架),然后大层内包含四个小层(四个小层里分别放四个圆角(事先用ps做好椭圆形形状,然后用切片工具切图 ))

样式:在<head>标签内部设置的css要有的属性:

1.position:relative;

2.宽和高;

3背景颜色;

4.边框线(用来调整四个原角的相对位置,调整好后可以将边框线设置删除)

在设置小层的css时,每个层里都要有的属性有:

1.position:absolute;

2.宽和高;

3.方向属性(left,right,bottom,top)

4.background:url("")no-repeat;(引入各个方向的圆角图片)

当别人已经重构、语义、可访问性时,我还刚刚掌握div+css;之前制作圆角矩形一直使用图片 拼接四个角,这种方式就是额外增加了多个图片,相对让人抓狂。

此方法主要是绘制圆角的,绘制的方式与二位坐标的角度是不一样,官方参数资料如下:

x                 矩形区域左上角的 X 轴坐标,这个矩形区域定义用來绘制弧形的橢圆形。 
y                 矩形区域左上角的 Y 轴座標,这个矩形区域定义用來绘制弧形的橢圆形。 
width           矩形区域的寬度,这个矩形区域定义用來绘制弧形的橢圆形。 
height          矩形区域的高度,这个矩形区域定义用來绘制弧形的橢圆形。 
startAngle    弧形的开始点角度,順時针自 X 轴所测得的度数。 
sweepAngle  介於弧形的 startAngle 和结束点的角度。



 
下一篇:微信公众号中的扫一扫功能设计
 
推荐文章

linux在云服务器中的常用设置 [2020-01-12]
微信公众号中的扫一扫功能设计 [2020-01-11]
网站建设的基本合同形式 [2020-01-11]
门户型网站中数据的压力测试 [2020-01-10]
微信小程序 开发过程中的授权登录实战 [2020-01-10]
小程序开发过中的线程处理 [2020-01-05]
 
公司地址:沈阳市沈河区北站路77-1号光达大厦C座1336层
领航科技 版权所有 联系电话:13840539193 024-31281857
Copyright @ 2005-2018 024linghang.com All Right Reserved
客服Q Q:2579047692
首页 | 关于我们 | 新闻中心 | 云主机 | 软件开发 | 网站建设 | 成功案例 | 联系我们