绿叶清舟 发表于 2021-5-21 20:56

本帖最后由 绿叶清舟 于 2024-10-7 20:57 编辑


代码 用法 备注
position 定位方式 position:relative;
position: absolute;

width 宽度 width: 1400px;
height 高度
left 左边位置 left: -600px;
right 右边位置
top 顶部位置
bottom 底部位置
background背景图 background: url('图片地址')";
border

/* border-* 属性四个值对应的边框顺序 :上右下左 */


border-style 边框样貌 dashed(虚线)、dotted(圆点)、double(双线)、groove(雕刻)、ridge(浮雕)、inset(凹陷)、outset(凸起)、hidden(隐藏)、none(无)等,还是挺丰富的;厚度除了实体数值,还有关键字 thick(厚)、thin(薄) border-style: solid dotted dashed groove;
border-style: double dotted;
border-style: dotted double solid;
border-width 边框厚度 border-width: 3px 6px 12px 8px;

border-color 边框颜色border-color: red green blue cyan;

border-radius 边框角半径 #mybox1 {      
width: 300px;      
height: 300px;      
border: 2px groove cyan;      
border-radius: 0 50% 0 100%;
/* 值为 0 时可以省略单位符号 */}border-radius: 50%;
当 border-radius 的值设为单值 50% 或 100% 都会得出圆形的形状,但是,当 border-radius 是多值时只有所有值都设为 50% 或宽高像素尺寸的一半时才得到圆形





span 行内包裹元素
img 图片 <img id="" alt="" src="" /> 属性 alt="" 是为了代码合法需要
audio 音频 <audio id="aud" src="音频地址" autoplay loop></audio>
video 视频
no-repeat 图片不重复
center / cover 位置居中,即居于帖子元素的中央,图像的大小是 cover,
cover 用来表示背景图像的尺寸是封面式尺寸 background: url('图片地址') no-repeat center / cover;
margin 元素的外边距属性
定义元素上、右、下、左四个边缘 margin: 230px 0 30px calc(50% - 730px);
nth-of-type() 伪类选择器 第四讲
@keyframes 关键帧动画选择器 @keyframes rot {      
from { transform: rotate(0deg); }从 0 度开始旋转 /*
to { transform: rotate(360deg); } /* 到 360 度 #mypic {      
position: absolute; /* 绝对定位 */      
left: 20px; /* 左边位置*/      
top: 10px; /* 上边位置 */      
width: 120px; /* 宽度 */      
height: 120px; /* 高度 */      
/* animation简化语法 :动画名称+运动周期时长+缓动形式+运行次数 */      
animation: rot 8s linear infinite;}
/* 设计CSS关键帧动画 */
@keyframes rot {      
from { transform: rotate(0deg); } /* 从 0 度开始旋转 */      
to { transform: rotate(360deg); } /* 到 360 度即一圈完成一个旋转周期 */}
transform 旋转(rotate)、
平移(translate)、
缩放(scale)、
扭曲(skew)
linear 是匀速之意
ease 如果缺省则采用 ease 即两头慢中间快
infinite 无穷
pointer-events: none;限制鼠标事件及对覆盖元素层进行穿透

*-gradient() 渐变
linear-gradient() 线性渐变函数 background: linear-gradient(to left, red, green, blue); /* 自右向左 */
background: linear-gradient(to bottom left, red, green, blue); /* 自右上到左下 */
background: linear-gradient(135deg, red, green, blue); /* 135度 */ 默认为 to bottom自上而下,即第一个出现的颜色在上边,最后一个颜色在下边, 或 0deg 即0度。角度的可选关键字值还有
to top(自下而上)、
to right(自左而右)、
to left(自右向左),还有一系列的
to top right(自左下向右上)组合法
radial-gradient径向渐变background: radial-gradient(green, tan);默认

background: radial-gradient(circle, green, tan);变是以圆形展开的

background: radial-gradient(circle at 30% 20%, gold, green, tan);设置渐变的中心,用 at

background: radial-gradient(gold 10%, green 11% 20%, tan 21% 30%, teal 31% 40%, cyan 41% 50%, transparent 51%);      
border: 1px solid gray; /* 边框用于观察 */



repeating-radial-gradient 重复性径向渐变 .rbox5 {
      width: 300px;
      height: 300px;
      background: repeating-radial-gradient(green, green 5%, red 6%, red 10%);}
conic-gradient() 锥形渐变 background: conic-gradient(red, green, yellow);

CSS阴影
box-shadow box-shadow: 2px 4px 6px gray; 第一、二个参数是阴影在X、Y轴上的偏移距离,阴影的朝向,X偏移为负数时向左、正数时向右,Y偏移为负值是向上、正数是向下。
第三个参数是阴影模糊半径,默认值0,不能为负数,值越大阴影越大、越淡。
第四个参数是阴影颜色,支持浏览器支持的任何颜色表示法。
内阴影参数 inset box-shadow: inset 0 0 50px skyblue, 0 0 0 1px blue;
阴影可以无限多重,全放在 box-shadow 属性里,各组阴影表达语句之间用小角逗号隔开
CSS滤镜 filter 的 drop-shadow() filter: drop-shadow(200px 0 0 pink) drop-shadow(400px 0 0 blue);
/* 用空格隔开多组阴影语句 */
文本的CSS
padding: 元素的内边距
font: bold 2em/2.4em sans-serif;
/* 文本语法糖设置 :粗细 + 尺寸/行间距 + 字体 */

color: plum; /* 文本颜色即前景色 */
text-shadow: 2px 2px 4px #000;
/*文本阴影属性 :X偏移量 + Y偏移量 + 模糊半径 + 颜色 */

border: 1px solid gray; /* 边框用于观察 */
CSS伪元素 ::before 和 ::after .pbox2 {
      width: 400px;
      height: 100px;
      border: 1px solid gray;
      background: white;
      position: relative; /* 父元素相对定位 */}
.pbox2::before {
      content: '::before 伪元素';
       position: absolute; /* 伪元素(子元素)绝对定位 */
      background: tan;
      width: 40%;
      height: 80%;}
.pbox2::after {
      content: '::after伪元素';
      position: absolute; /* 伪元素(子元素)绝对定位 */
      background: teal;
      width: 40%;
      height: 100%;
      right: 0;}
content 内容之意

双背景 background:                 url('https://638183.freep.cn/638183/t22/51/g3.jpg') no-repeat center/cover,
                url('https://638183.freep.cn/638183/t22/51/g4.jpg') no-repeat center/cover,
                olive;
      background-blend-mode: darken, lighten; /*背景融合滤镜 :darken作用于第一张图片,lighten作用于第二张图片 */

/* CSS代码 :盒子多背景设置举例 */background-color: rgb(128,128,0); /* 背景颜色 */
background-image: url('图片地址1'), url('图片地址2');/* 背景图片 :两张 */
background-repeat: no-repeat, repeatX;/* 背景重复 :第一张不重复,第二张X轴方向重复 */
background-position: 0 0, 50% 50%; /* 背景位置 :第一张从左上角开始,第二张居中 */
background-size: cover, 100% 100%; /* 背景尺寸 :第一张以封面样式伸缩,第二张按盒子尺寸伸缩 */

/* 以上代码等价于如下语法糖格式 */
background:
        url('图片地址1') no-repeat 0 0/cover,
        url('图片地址2') repeatX center/cover,
        rgb(128,128,0);

/* 多张图片做背景时如果有重叠,则只显示最第一张图片背景 */
/* 所以应考虑使用什么方法解决问题,比如使用背景融合滤镜 */
background-blend-mode: 值1, 值2; /* 值1针对第一张图片,值2针对第二张图片 */



绿叶清舟 发表于 2021-5-21 20:57

本帖最后由 绿叶清舟 于 2024-9-11 11:22 编辑


<script></script>
.onclick 被点击//JS代码 : 四叶草点击事件
mypic.onclick = () => {      
aud.paused ? aud.play() : aud.pause();      
mypic.style.setProperty('--state', aud.paused ? 'paused' : 'running');};
--state 自命名变量,它用来表示动画的运行或停止状态,
共两个值:running 表示运行,paused 表示暂停CSS
animation: rot 8s linear infinite var(--state);      
--state: running;
var 声明的意思
mState()

.forEach()联动控制函数

数组 //联动控制函数
var mState = () => {      
mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');      
vids.forEach(vid => aud.paused ? vid.pause() : vid.play());      
players.forEach(player => player.title = aud.paused ? '播放' : '暂停');};
.appendChild 将已经设置好的元素 b 追加给 player 元素 player.appendChild(b);
document.createElement ('元素名')
Math.random() JS随机数生成
Array.from({length: total}) Array 数组,
from 来自,
length 长度,
total 是我们前面声明并赋值的变量,也可以直接写一个数字 Array.from({length: total}).forEach(b => {      
b = document.createElement('div');      
b.className = 'ball';      
b.style.cssText += `               
left: ${Math.random() * 200}px;               
top:${Math.random() * 200}px;               
background: #{Math.random().toString(16).substring(2,8)};      
`;      
player.appendChild(b);});






















小九 发表于 2021-5-21 21:03

绿叶清舟 发表于 2021-5-21 20:57
九月的时候来一下?

想想怎么玩呢

沧海一声啸 发表于 2021-5-25 20:36

本帖最后由 沧海一声啸 于 2021-5-25 20:37 编辑 <br /><br /><DIV align=center>
<table style="position: relative; width:880px;" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194520xzv3svhwhswpvxvp.gif border="0" cellspacing="0" cellpadding="1">
<TBODY><TR><TD>

<table align=center style="position: relative; width:780px;margin:60px 50px 60px 50px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:760px; margin:3px 3px 3px 3px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0"cellspacing="10" cellpadding="10">
<TBODY><TR><TD>


<table align=center style="position: relative; width:730px; BACKGROUND-COLOR: #FFFFFF;"bordercolor="#000000"bordercolorlight="#990033" align="center"border="0" cellspacing="10" cellpadding="0">
<TBODY><TR><TD>

<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202105/19/194539hbbrgr3zjk7ka6g8.gif" width=248 _height="48"><BR></DIV>

</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</div><br><br><br><br>

沧海一声啸 发表于 2021-5-25 20:38

<DIV align=center>
<table style="position: relative; width:880px;" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194520xzv3svhwhswpvxvp.gif border="0" cellspacing="0" cellpadding="1">
<TBODY><TR><TD>

<table align=center style="position: relative; width:780px;margin:60px 50px 60px 50px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:760px; margin:3px 3px 3px 3px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0"cellspacing="10" cellpadding="10">
<TBODY><TR><TD>


<table align=center style="position: relative; width:730px; BACKGROUND-COLOR: #FFFFFF;"bordercolor="#000000"bordercolorlight="#990033" align="center"border="0" cellspacing="10" cellpadding="0">
<TBODY><TR><TD>

<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202105/19/194539hbbrgr3zjk7ka6g8.gif" width=248 _height="48"><BR></DIV>

</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>

</div><br><br><br><br>

绿叶清舟 发表于 2021-5-26 12:16

本帖最后由 绿叶清舟 于 2021-5-26 12:18 编辑

<DIV align=center>
<table style="position: relative; width:880px;" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194520xzv3svhwhswpvxvp.gif border="0" cellspacing="0" cellpadding="1">
<TBODY><TR><TD>

<table align=center style="position: relative; width:780px;margin:60px 50px 60px 50px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194842m5fg0aimofg11ad3.jpgalign="center" border="1" cellspacing="5" cellpadding="5">
<TBODY><TR><TD>

<table align=center style="position: relative; width:760px; margin:3px 3px 3px 3px;"bordercolordark="#652942"bordercolorlight="#652942" background=https://www.huachaowang.com/data/attachment/forum/202105/19/194525gdxndz8d8df37fdz.gif align="center" border="0"cellspacing="10" cellpadding="10">
<TBODY><TR><TD>

<table align=center style="position: relative; width:730px; BACKGROUND-COLOR: #FFFFFF;"bordercolor="#000000"bordercolorlight="#990033" align="center"border="0" cellspacing="10" cellpadding="0">
<TBODY><TR><TD><br>
<DIV align=center><span style="color:#000000; font-family: 微软雅黑, Microsoft YaHei; font-size: 28px;">标题</span></DIV><br>
<iframe height=520 width=730 src="网页视频地址" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<DIV align=center><IMG border=0 src="https://www.huachaowang.com/data/attachment/forum/202105/19/194539hbbrgr3zjk7ka6g8.gif" width=248 _height="48"><BR></DIV>
<section section style="text-align:left; margin-left:10em; line-height: 2.0em;">
<span style="color:#000000; font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">
看不穿 - 袁咏琳 <br>
中间文字
</span></section>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</TD></TR></TBODY></table>
</div><br><br><br><br>

绿叶清舟 发表于 2021-5-26 12:20

<tablestyle="width:660px;background: #0b1266;" cellspacing="0" cellpadding="0"><tr><td>
<div align="center"><section style="width:660px;background: #0b1266;">
<section style="display:flex;justify-content:center; margin:10px auto;padding:1.5em 0px;background: #0b1266;box-sizing: border-box;">
<section style="box-sizing:border-box;width:100%; border-top:1px solid #97c0f8;padding-left:10px;padding-right: 6px;" data-width="100%">
<section style="border-top: 1px solid #97c0f8;margin-top: 3px;">
<section style="box-sizing:border-box;width: 96%;margin:-24px auto;" data-width="96%">
<section style="border:1px solid #97c0f8;border-top: none;border-bottom: none;">
<section style="padding:10px 3px; ">
<section style="border:1px solid #97c0f8;border-top: none;border-bottom: none;">
<section style="padding:20px 6px 20px 6px;">
<section style="padding:50px 20px 30px 20px">
<section style="padding: 20px">
<section style="box-sizing:border-box;width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;flex-direction: row-reverse;" data-width="100%">
<section style="box-sizing:border-box;width:100%" data-width="100%">
<DIV align=center><span style="color:#97c0f8; font-family: 微软雅黑, Microsoft YaHei; font-size: 24px;">蓝眼泪</span></DIV>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/60a3c1bb6ae4f77d357289aa.gif" width=500 _height="500"><BR></DIV>
<br>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/609d05c0d1a9ae528fe76da1.gif" width=380 _height="47"><BR></DIV>
<br><section section style="text-align:left; margin-left:10em; line-height: 2.0em;">
<span style="color:#97c0f8; font-family: 微软雅黑, Microsoft YaHei; font-size: 14px;">

我已经好几天深夜不能眠<br>
都为了谁<br>
我只是心疼你哭肿的双眼<br>
多可怜<br>
如果情已决裂<br>
你伤心欲绝 他没感觉<br>
他早已空了心<br>
对你的深情都看不见<br>
取一瓢深蓝色苦苦的湖水<br>
化成一滴蓝色的眼泪<br>
滴落在你眉间能解开情结<br>
还会让你心如止水<br>
你不再对他痴恋<br>
苦守整个夜 魂萦梦牵<br>
深蓝色的眼泪<br>
也让你失去爱的感觉<br></span></section>
<br><br><br>
</section></section></section></section></section>
</section></section></section></section></section></section></section></section>
<DIV align=center><IMG border=0 src="https://pic.imgdb.cn/item/609d05c0d1a9ae528fe76da1.gif" width=380 _height="47"><BR></DIV>
</div><br></td></tr></table>

绿叶清舟 发表于 2021-5-26 19:17

本帖最后由 绿叶清舟 于 2021-5-27 08:59 编辑 <br /><br /><br><br>
<div align="center"><section style="width:800px;">
<div class="l-img-cont Content-body" oncontextmenu="return false;" onselectstart="return false;">
<section class="_135editor">
<section style="box-shadow: #EAD9D9 0px 0px 2px; background-repeat: repeat; background-position: left top; padding: 0px; background-size: auto;background-color: #3b4978;box-sizing: border-box;">
<section style="background-image: url('https://pic.imgdb.cn/item/60ae42d408f74bc1599c3d37.jpg'); background-repeat: no-repeat; background-size: 100%; padding: 0px; box-sizing: border-box;">
<section style="background-color: rgba(0, 0, 0, 0); background-image: url('http://img.wyc520.com.cn/data/attachment/forum/202105/22/182817se8zaaa8kenljeuj.gif'); background-repeat: repeat; background-size: 100%; padding: 0px; box-sizing: border-box;"><p style="text-indent: 2em;"><br/></p><p><br/></p><p><br/></p>
<section class="_135editor"><section><p><br/></p></section><section><section style="text-align: center;margin-top:60px;"><section style="display:inline-block;">
<section class="assistant" style="box-sizing:border-box;width: 50px;margin-left:-28px;"><img class="assistant" data-width="100%" src="http://img.wyc520.com.cn/data/attachment/forum/202105/22/181959layf1q6bztuaobiu.png" style="box-sizing:border-box;width:100%;display:block;" data-ratio="1.1428571428571428" data-w="196"/></section><section class="135brush" data-brushtype="text" style="color:#13131f;font-size:20px;letter-spacing:3px;margin-top:-14px;">陈慧娴 (Live) </section></section></section></section><section style="opacity: 1;">
<section style="text-align: center;margin-top:10px;">
<section style="display:inline-block;">
<section style="display:flex;justify-content: center;align-items: center;">
<section style="box-sizing:border-box;width:46px;">
<section style="box-sizing:border-box;width:46px;height:46px;line-height:43px;border:2px solid #ffffff;;font-size:26px;color:#ffffff;text-align:center;-webkit-text-stroke-width:1px;font-weight:bold;-webkit-text-stroke-color:#ffffff;text-shadow:0px 2px 2px #ffffff;">


<section><span class="135brush" data-brushtype="text" style="color: #13131f; font-family: Helvetica Neue, Helvetica, Hiragino Sans GB, Apple Color Emoji, Emoji Symbols Font, Segoe UI Symbol, Arial, sans-serif;">飘</span></section></section></section>
<section style="box-sizing:border-box;width:46px;margin-left:4px;"><section style="box-sizing:border-box; width:46px; height:46px; line-height:43px; border: 2px solid #ffffff; font-size:26px; text-align: center; -webkit-text-stroke: 1px #ffffff; font-weight: bold; text-shadow: #ffffff 0px 2px 2px;">

<section><span class="135brush" data-brushtype="text" style="color: #13131f; font-family: Helvetica Neue, Helvetica, Hiragino Sans GB, Apple Color Emoji, Emoji Symbols Font, Segoe UI Symbol, Arial, sans-serif;">雪</span></section></section></section>


</section></section></section><section></section>
<section data-id="102122" hm_fix="361:336" style="height: 0px; overflow: hidden;">
</section></section>
<br><br><br><br><br>
<section style="text-align: left;line-height: 2.0em; letter-spacing: 1.5px; margin-right: 55px; margin-left: 255px;font-family: 微软雅黑, Microsoft YaHei; font-size: 14px">
<span style="color: #dcd7f7";">
又见雪飘过飘于伤心记忆中<br>

让我再想你却掀起我心痛<br>

早经分了手为何热爱尚情重<br>

独过追忆岁月或许此生不会懂<br>

又再想起你抱拥飘飘白雪中<br>

让你心中暖去驱走我冰冻<br>

冷风催我醒原来共你是场梦<br>

像那飘飘雪泪下弄湿冷清的晚空<br>

原来是那么深爱你此际伴着我追忆的心痛<br>
</span></section>
<br><br/><br>
<div align="center" style="position: relative;">


<div style="margin: 0px auto;">
<p align="center"><img width="238" height="251" src="https://www.superbed.cn/item/60ae456508f74bc159bc15ff.png" border="0">
<audio style="width:200px; height:64px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=212430.mp3" type="audio/mpeg"></audio></p>
</div>
</div>
</div></div></div>
<br><br>

绿叶清舟 发表于 2021-5-26 21:41

<br><br>
<div align="center"><section style="width:800px;">
<div class="l-img-cont Content-body" oncontextmenu="return false;" onselectstart="return false;">
<section class="_135editor">
<section style="box-shadow: #EAD9D9 0px 0px 2px; background-repeat: repeat; background-position: left top; padding: 0px; background-size: auto;background-color: #3b4978;box-sizing: border-box;">
<section style="background-image: url('https://pic.imgdb.cn/item/60ae42d408f74bc1599c3d37.jpg'); background-repeat: no-repeat; background-size: 100%; padding: 0px; box-sizing: border-box;">
<section style="background-color: rgba(0, 0, 0, 0); background-image: url('http://img.wyc520.com.cn/data/attachment/forum/202105/22/182817se8zaaa8kenljeuj.gif'); background-repeat: repeat; background-size: 100%; padding: 0px; box-sizing: border-box;"><p style="text-indent: 2em;"><br/></p><p><br/></p><p><br/></p>
<section class="_135editor"><section><p><br/></p></section><section><section style="text-align: center;margin-top:60px;"><section style="display:inline-block;">
<section class="assistant" style="box-sizing:border-box;width: 50px;margin-left:-28px;"><img class="assistant" data-width="100%" src="http://img.wyc520.com.cn/data/attachment/forum/202105/22/181959layf1q6bztuaobiu.png" style="box-sizing:border-box;width:100%;display:block;" data-ratio="1.1428571428571428" data-w="196"/></section><section class="135brush" data-brushtype="text" style="color:#13131f;font-size:20px;letter-spacing:3px;margin-top:-14px;">陈慧娴 (Live) </section></section></section></section><section style="opacity: 1;">
<section style="text-align: center;margin-top:10px;">
<section style="display:inline-block;">
<section style="display:flex;justify-content: center;align-items: center;">
<section style="box-sizing:border-box;width:46px;">
<section style="box-sizing:border-box;width:46px;height:46px;line-height:43px;border:2px solid #ffffff;;font-size:26px;color:#ffffff;text-align:center;-webkit-text-stroke-width:1px;font-weight:bold;-webkit-text-stroke-color:#ffffff;text-shadow:0px 2px 2px #ffffff;">


<section><span class="135brush" data-brushtype="text" style="color: #13131f; font-family: Helvetica Neue, Helvetica, Hiragino Sans GB, Apple Color Emoji, Emoji Symbols Font, Segoe UI Symbol, Arial, sans-serif;">飘</span></section></section></section>
<section style="box-sizing:border-box;width:46px;margin-left:4px;"><section style="box-sizing:border-box; width:46px; height:46px; line-height:43px; border: 2px solid #ffffff; font-size:26px; text-align: center; -webkit-text-stroke: 1px #ffffff; font-weight: bold; text-shadow: #ffffff 0px 2px 2px;">

<section><span class="135brush" data-brushtype="text" style="color: #13131f; font-family: Helvetica Neue, Helvetica, Hiragino Sans GB, Apple Color Emoji, Emoji Symbols Font, Segoe UI Symbol, Arial, sans-serif;">雪</span></section></section></section>


</section></section></section><section></section>
<section data-id="102122" hm_fix="361:336" style="height: 0px; overflow: hidden;">
</section></section>
<br><br><br><br><br>
<section style="text-align: left;line-height: 2.0em; letter-spacing: 1.5px; margin-right: 55px; margin-left: 255px;font-family: 微软雅黑, Microsoft YaHei; font-size: 14px">
<span style="color: #dcd7f7";">
又见雪飘过飘于伤心记忆中<br>

让我再想你却掀起我心痛<br>

早经分了手为何热爱尚情重<br>

独过追忆岁月或许此生不会懂<br>

又再想起你抱拥飘飘白雪中<br>

让你心中暖去驱走我冰冻<br>

冷风催我醒原来共你是场梦<br>

像那飘飘雪泪下弄湿冷清的晚空<br>

原来是那么深爱你此际伴着我追忆的心痛<br>
</span></section>
<br><br/><br>
<div align="center" style="position: relative;">


<div style="margin: 0px auto;">
<p align="center"><img width="238" height="261" src="https://www.superbed.cn/item/60ae456508f74bc159bc15ff.png" border="0"></p>

</div>
</div>
<br><br>
<br/><br/>
</div></div></div>
<br><br>

绿叶清舟 发表于 2021-5-27 21:05


<DIV align=center>
<table style="position: relative; LEFT: -300px; width:1200px;TOP: 150px" background=https://www.superbed.cn/item/60af983c08f74bc159508ea9.jpg border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=640>
</TD></TR>
</table></div><br><br><br><br>

绿叶清舟 发表于 2021-5-27 21:08

<DIV align=center>
<table style="position: relative; LEFT: -300px; width:1200px;TOP: 150px" background=https://www.superbed.cn/item/60af983c08f74bc159508ea9.jpg border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=640>
</TD></TR>
</table></div><br><br><br><br>
<audio style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=190473.mp3" type="audio/mpeg" hidden="true"></audio>

绿叶清舟 发表于 2021-5-27 22:37

本帖最后由 绿叶清舟 于 2021-5-27 22:44 编辑 <br /><br />{:4_366:}

小九 发表于 2021-5-29 10:14

好多素材{:4_199:}

绿叶清舟 发表于 2021-5-29 17:49

本帖最后由 绿叶清舟 于 2021-5-31 16:29 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b23fd808f74bc1598f6fb1.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b23fed08f74bc1599074e8.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b2400108f74bc1599167f4.jpg border="0">
<embed src="http://xinjingtk.com/flash_ad2/upload_tmsc/tm_16.swf" type="application/x-shockwave-flash" style="left: -160px; top: 1550px; width: 1600px; height: 700px; position: relative;" quality="high" menu="false" wmode="transparent">
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2021-5-31 16:33

本帖最后由 绿叶清舟 于 2021-6-2 15:37 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b4a00b39f6859bc2393560.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b4a01e39f6859bc239f03d.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b49f2a39f6859bc22ff3fe.jpg border="0">

</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2021-6-2 15:48

本帖最后由 绿叶清舟 于 2021-6-2 15:52 编辑 <br /><br /><DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b7379039f6859bc2778157.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b737a539f6859bc278d227.gif>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b737bb39f6859bc27a31bb.jpg border="0">

</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2021-6-2 15:52

本帖最后由 绿叶清舟 于 2021-6-2 16:08 编辑

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b7379039f6859bc2778157.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b737a539f6859bc278d227.gif>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60b737bb39f6859bc27a31bb.jpg border="0">

</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<audio style="width:600px; height:64px;"controls="controls" autoplay="autoplay" loop="loop" src="http://antiserver.kuwo.cn/anti.s?useless=/resource/&format=mp3&rid=MUSIC_234234&response=res&type=convert_url&" type="audio/mpeg" hidden="true"></audio>


绿叶清舟 发表于 2021-6-7 10:52

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60bd8978844ef46bb25a0bca.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60bd89b7844ef46bb25ecd23.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60bd89ca844ef46bb26044f0.jpg border="0">

</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2021-6-7 22:13

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60be2958844ef46bb275b928.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60be296c844ef46bb277c34c.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60be297e844ef46bb279805c.jpg border="0">

</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

绿叶清舟 发表于 2021-6-7 22:14

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -480px; width:1500px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=1000 background=https://pic.imgdb.cn/item/60be2958844ef46bb275b928.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60be296c844ef46bb277c34c.jpg>
</TD></TR><TR><TD height=1000 background=https://pic.imgdb.cn/item/60be297e844ef46bb279805c.jpg border="0">

</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
页: 1 2 3 4 5 6 [7] 8 9 10 11 12 13 14 15 16
查看完整版本: 集中一下