边框

夕阳黄昏

这就是个简单的边框

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/dframes.css">
2. <div class="frame1st">
3. <div class="frame2nd">
4. <div class="frame3rd">
5. <div class="frame4th">
6. <div class="frame5th">
8. </div></div></div></div></div>

复制代码

湛蓝

无声的，不会干扰一楼

夕阳黄昏

往里面加入一张宽600的图片

把最外层的宽度设置比里面大100就比较合适， 600+100=700

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/dframes.css">
2. <div class="frame1st" style="width:700px;">
3. <div class="frame2nd">
4. <div class="frame3rd">
5. <div class="frame4th">
6. <div class="frame5th">
7. <img src="https://img0.baidu.com/it/u=3700930111,559207224&fm=253&fmt=auto&app=138&f=JPEG" style="width:600px;"/>
9. </div></div></div></div></div>

复制代码

夕阳黄昏

放段视频在里面也行

不用管视频宽度，外框设置了宽度视频自动适应它

1. <link rel="stylesheet" type="text/css" href="http://cesholl.cn3v.work/sstyle/dframes.css">
2. <div class="frame1st" style="width:800px;">
3. <div class="frame2nd">
4. <div class="frame3rd">
5. <div class="frame4th">
6. <div class="frame5th">
8. <video src="https://ips.ifeng.com/video19.ifeng.com/video09/2021/12/22/p6879367582558724792-102-185926.mp4"
9. loop autoplay muted width="100%"></video>
10. </div></div></div></div></div>

复制代码

湛蓝

谢谢分享，一会试试

夕阳黄昏

湛蓝 发表于 2022-3-28 09:59
谢谢分享，一会试试

夕阳黄昏

湛蓝 发表于 2022-3-28 10:01
无声的，不会干扰一楼

我也静音了

湛蓝

夕阳黄昏 发表于 2022-3-28 10:03
我也静音了

那我就换个有声的

山水人家

夕阳黄昏 发表于 2022-3-28 09:55
本帖最后由 夕阳黄昏 于 2022-3-28 10:03 编辑 放段视频在里面也行

谢谢老友分享了，漂亮。

夕阳黄昏

山水人家 发表于 2022-3-28 10:06
谢谢老友分享了，漂亮。

边框图片也可以由自己喜好来设置，我偷懒用的原来帖子的图片