css3艺术——2.内联样式

最新推荐文章于 2024-04-06 00:24:00 发布

小九SY橙子

最新推荐文章于 2024-04-06 00:24:00 发布

阅读量234

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/String____/article/details/107499350

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

总结：

什么是内联式
figure是什么

小知识：

border-radius=50% 是一个圆
border-radius=100% 是一个圆，浏览器自行调整
border-radius 边框圆角

理解：值，是百分比的话，相当于盒子的高度和宽度。
一个正方形里面放一个圆形，50%就是，圆的半径是边长的一半。
如果相邻圆角的半径都被设置成了大于50%，那浏览器会根据图形的实际情况做一些计算。保证圆角能够刚好适应图形。

内联式：样式属性写在HTML标签style属性《放在标签里面的样式》
figure ：标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。《标签独立》

<body>
<figure>
<div style="width:50px;height:50px;background-color:#F90;border-radius:50%;margin-bottom:10px;">
</div>
<div style="width:50px;height:100px;background-color:#393;border-radius:10px;">
</div>
</figure>

效果
在这里插入图片描述

小九SY橙子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3艺术——2.内联样式

总结：什么是内联式figure是什么小知识：border-radius=50% 是一个圆border-radius=100% 是一个圆，浏览器自行调整border-radius 边框圆角理解：值，是百分比的话，相当于盒子的高度和宽度。一个正方形里面放一个圆形，50%就是，圆的半径是边长的一半。如果相邻圆角的半径都被设置成了大于50%，那浏览器会根据图形的实际情况做一些计算。保证圆角能够刚好适应图形。内联式：样式属性写在HTML标签style属性《放在标签里面的样式
复制链接

扫一扫