如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
Hover属性简单运用-矩形变圆形代码
来源：互联网
2023-03-16 19:12:42 186
Hover的功能在css3属性中是使用率很高的，它可以完成很多的动效，下面我们使用hover来简单制作一个矩形变圆形的效果，以代码显示。
工具/原料
- HTML
- hover
- css3
方法/步骤
在代码软件中，先建立矩形代码，如图这里使用的是无序列表ul li ，先将ul中的属性给去掉，
然后对li添加效果显示；添加边框宽高以及背景颜色，添加了浮动效果
现在浏览器中看到的效果是这样的，如图所示
然后添加hover效果，当鼠标经过ul时，li矩形即发生变化；括号内是填写变化后的属性
这里设置转圆角属性border-radius
然后保存，再浏览效果的时候，当鼠标经过矩形框的时候，就会变成圆形形状
可以在上方属性中，添加一个过渡时间，有一个发生变化的过程，过渡代码使用transition 后面加发生变化的属性和时间；如果不知道是什么属性发生变化，可以统一写成all。
注意事项
- 如果此经验对您有帮助，请左侧投票/关注，谢谢大家的支持^_^
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)