CSS盒子模型之内边

1、内边距

内边距在content外,边框内

2、内边距属性:

padding 设置所有边距

padding-bottom 设置底边距

padding-left 设置左边距

padding-right 设置右边距

padding-top 设置上边距

3、CSS边框:

我们可以创建出效果出色的边框,并且可以应用与任何元素

4、边框的样式:

border-style:定义了10个不同的非继承样式。包括 none

5、边框的单边样式:

border-top-style

border-left-style

border-right-style

border-bottom-style

6、边框的宽度:

border-width

7、边框单边的宽度:

border-top-width

border-left-width

border-right-width

border-bottom-width

8、边框的颜色:

border-color

9、边框单边的颜色:

border-top-color

border-left-color

border-right-color

border-bottom-color

10、CSS边框

border-radius:圆角边框

box-shadow:边框阴影 box-shadow:10px 10px 5px #FFccFF; 第一个10和第二个10代表向左向右移动的像素,5px代表背景像素

border-image:边框图片


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Canvas中,描边是通过使用stroke()方法来实现的。描边是指绘制一个形状的轮廓线条,而不是填充整个形状。首先,你需要获取到Canvas元素的上下文对象,通过getContext('2d')方法。然后,使用moveTo()方法设置路径的起点,lineTo()方法绘制路径的线条,最后使用stroke()方法描绘轮廓。例如,如果你想在Canvas中绘制一个矩形的轮廓,可以按照以下步骤进行操作:[3] 1. 获取Canvas元素的上下文对象: const myCanvas = document.getElementById('myCanvas'); const ctx = myCanvas.getContext('2d'); 2. 设置路径的起点: ctx.moveTo(x, y); 3. 绘制矩形的线条: ctx.lineTo(x, y); ctx.lineTo(x, y); ctx.lineTo(x, y); 4. 描绘轮廓: ctx.stroke(); 请注意,在上述代码中的x和y代表矩形的坐标,你可以根据自己的需求进行调整。这样就可以在Canvas中绘制一个矩形的轮廓了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [HTML5 进阶(6)——Canvas绘图基础(坐标体系、绘图、描边、填充、转换、渐变、文本、动画)](https://blog.csdn.net/weixin_39141044/article/details/83013416)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Canvas—描边与填充](https://blog.csdn.net/hjc256/article/details/94546956)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值