CSS小温泉

花简静

凡哥 发表于 2024-5-25 22:28
也看五颜六色的看个眼花花，然后定神

好哒

花简静

凡哥 发表于 2024-5-25 22:29
缩骨功还是挺厉害的

优秀

凡哥

花简静 发表于 2024-5-26 15:41
优秀

打个80分

凡哥

2024年5月26日 星期日

单图音画帖代码新模板：

<div style="position: relative; margin: 20px 0 20px calc(50% - 890px); width: 1600px; height: 720px; background: url('图片地址') no-repeat center/cover; border: 1px solid red; z-index: 1;"></div>
<audio src="音频地址" autoplay loop></audio>

代码中的红色部分是需要修改的部分：

（一）margin: 20px 0 20px calc(50% - 890px);
        890 根据 1600 即帖子预设宽度而来，应按实际尺寸进行计算，计算公式是：帖子宽度÷2+90；

（二）width: 1600px;
        这是设置帖子的宽度，1600 只是举例，实际尺寸以图片实际宽度为依据；

（三）height: 720px;
        这是设置帖子高度，道理同（二）；

（四）src="音频地址"
        这里是加背景音乐

花简静

凡哥 发表于 2024-5-26 20:14
2024年5月26日 星期日

单图音画帖代码新模板：

这么实用的模板，已加入置顶贴一楼

花简静

凡哥 发表于 2024-5-26 18:05
打个80分

120分

凡哥

花简静 发表于 2024-5-26 21:03
120分

多了浪费

凡哥

2024年5月27日 星期一

border-radius单个值

border-radius用来设置外边距边框圆角。当使用单个值时，所有的角，即按顺序 上左、上右、下右、下左 四个角的圆角半径都一样。值的单位可以使用像素（px）、百分比等。下面是演示：

10px

10%

凡哥

2024年5月28日 星期二

用 border-radius 双值做出效果。每一个叶片：border-radius: 10% 90%;

花简静

凡哥 发表于 2024-5-27 22:37
.bBox {
        margin: 20px;
        width: 200px;

这个小工具太实用了。。可以直观的看到效果。
好像一般是百分比用得多些。。