- 博客(6)
- 收藏
- 关注
RSS订阅原创 HTML的浮动效果（1）
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，其基本语法格式如下：选择器{float:属性值；浮动的目的就是为了让多个块级元素同一行上显示。float：1、加了浮动的元素盒子是浮起来的，漂浮在其他的标准流盒子上面。2、加了浮动的盒子，不占位置的，它浮起来了，它原来的位置漏 给了标准流的盒子。
2024-06-19 20:02:11
581
原创 HTML的盒子模型
例如：border : border-width || border-style || border-color。允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。小提示：我们在开发中，经常把表单原本的边框去掉，然后添加任意的样式。页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。1.其中每一个值可以为 数值或百分比的形式。：没有边框即忽略所有边框的宽度（默认值）从此以后，我们的世界不只有矩形。圆与边框的交集形成圆角效果。左上角 右上角 右下角 左下角。
2024-06-18 21:07:32
500
原创 用HTML制作风车案例
在HTML5的Canvas中，我们可以使用border-radius来绘制风车的叶片，并使用rotate函数来实现叶片的旋转。同时，为了增加风车的美观性，我们还可以使用不同的颜色来装饰叶片。在CSS中，我们可以使用transform属性来实现风车的旋转效果。此外，为了增加交互性，我们还可以使用:hover伪类来实现鼠标悬停时风车的加速旋转效果。这个示例中，创建了一个简单的风车模型，其中包含四个叶片。每个叶片都应用了相同的旋转动画，但它们的初始旋转角度不同，以模拟真实风车的叶片分布。
2024-06-17 20:25:49
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人