概述
总结：
- 什么是内联式
- 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>
效果
最后
以上就是忐忑萝莉为你收集整理的css3艺术——2.内联样式的全部内容，希望文章能够帮你解决css3艺术——2.内联样式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复