课件chapter6填充边框_第1页
课件chapter6填充边框_第2页
课件chapter6填充边框_第3页
课件chapter6填充边框_第4页
课件chapter6填充边框_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

填充和边框今日主打上色描边使用CSS上色填充和边框fill属性和stroke属性。fill属性设置对象内部的颜色，stroke属性设置绘制对象的线条的颜色。Coding<rectfill="color"stroke="color"fill-opacity="opacity"stroke-opacity="opacity"/>属性说明使用CSS颜色命名方案定义颜色，比如说颜色名、rgb、rgba、十六进制等等。属性fill-opacity控制填充色的不透明度，属性stroke-opacity控制描边的不透明度。描边stroke-width属性stroke-width属性定义了描边的宽度。Coding<rectstroke-width="widthValue"/>属性说明描边是以路径为中心线绘制的。描边stroke-linecap属性stroke-linecap属性控制边框终点的形状。Coding<rectstroke-linecap="butt/square/round"/>属性说明butt：用直边结束线段，常规做法，线段边界90度垂直于描边方向、贯穿描边终点。square：稍微超出实际路径范围，超出大小由stroke-width控制。round：表示边框终点是圆角，圆角半径由stroke-width控制的。描边stroke-linejoin属性stroke-linejoin用来控制两条描边线段之间的链接方式。Coding<rectstroke-linejoin="miter/bevel/round"/>属性说明miter：默认值，用方形画笔在连接处形成尖角。bevel：连接处会形成一个斜接。round：用圆角连接，实现平滑效果。描边stroke-dasharray属性stroke-dasharray属性将虚线类型应用在描边上。Coding<rectstroke-dasharray="n1,n2,n3,n4,…,nn"/>属性说明一组用逗号分割的数字组成的数列，这里的数字必须用逗号分割（空格会被忽略）。每一组数字，第一个用来表示填色区域的长度，第二个用来表示非填色区域的长度。更复杂的虚线模式，可以定义更多的数字。使用CSS使用style标签<styletype="text/css">rect{stroke:color;fill:color;}</style>外

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论