凉皮周 发表于 2024-12-7 12:13:42

HTML测试div

<div class="f_c" style="font-family: 微软雅黑; margin: 10px; list-style: none; font-size: 12px; width: 690px;"><h3 style="list-style: none; font-size: 12px;">今天签到了吗?请选择您此刻的<font color="red" style="list-style: none;">心情图片</font>并写下<font color="blue" style="list-style: none;">今天最想说的话</font>!</h3><table width="100%" cellpadding="0" cellspacing="0" align="center" style="list-style: none; border-spacing: 0px;"><tbody style="list-style: none;"><tr style="list-style: none;"><td style="padding: 0px; list-style: none;"><ul class="qdsmilea" style="margin: auto; padding: 3px; list-style: none; float: left;"><li id="dk" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/dk.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">打卡<br style="list-style: none;"></center></li><li id="me" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/me.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">卖萌<br style="list-style: none;"></center></li><li id="gx" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/gx.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">高兴<br style="list-style: none;"></center></li><li id="em" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/em.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">emmm<br style="list-style: none;"></center></li><li id="gg" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/gg.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">尴尬<br style="list-style: none;"></center></li><li id="wh" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/wh.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">黑脸问号?<br style="list-style: none;"></center></li><li id="sq" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/sq.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">生气<br style="list-style: none;"></center></li><li id="th" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/th.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">吐魂<br style="list-style: none;"></center></li><li id="wc" fwin="dsu_paulsign" style="margin-left: 0px; padding: 5px 0.4em; list-style: none; float: left; border: 2px solid rgb(255, 255, 255);"><center style="list-style: none;"><img src="https://mc.dfrobot.com.cn/source/plugin/dsu_paulsign/img/emot/wc.gif" style="margin-bottom: 5px; list-style: none; border: 0px;"><br style="list-style: none;">旺柴<br style="list-style: none;"></center></li></ul></td></tr></tbody></table><table summary="Qd" cellspacing="0" cellpadding="0" class="tfm" style="list-style: none; border-spacing: 0px; width: 690px;"><tbody style="list-style: none;"><tr style="list-style: none;"><th style="padding-top: 9px; padding-right: 5px; padding-bottom: 7px; list-style: none; text-align: left; vertical-align: top; width: 130px;">今日最想说模式</th><td style="padding: 7px 0px; list-style: none; vertical-align: top;"><label style="list-style: none; cursor: pointer;"><input type="radio" name="qdmode" value="1" checked="checked" class="" style="font: 12px / 1.5 tahoma, arial, 宋体, sans-serif; list-style: none; color: rgb(68, 68, 68);">&nbsp;自己填写</label>&nbsp;&nbsp;&nbsp;<label style="list-style: none; cursor: pointer;"><input type="radio" name="qdmode" value="2" style="font: 12px / 1.5 tahoma, arial, 宋体, sans-serif; list-style: none; color: rgb(68, 68, 68);">&nbsp;快速选择</label>&nbsp;&nbsp;</td></tr><tr id="mode1" fwin="dsu_paulsign" style="list-style: none;"><th style="padding-top: 9px; padding-right: 5px; padding-bottom: 7px; list-style: none; text-align: left; vertical-align: top; width: 130px;"><label for="todaysay" style="list-style: none; cursor: pointer;">我今天最想说</label></th><td style="padding: 7px 0px; list-style: none; vertical-align: top;"><input type="text" name="todaysay" id="todaysay" size="25" class="px" fwin="dsu_paulsign" style="font: 12px / 17px tahoma, arial, 宋体, sans-serif; margin-right: 3px; padding: 2px 4px; list-style: none; color: rgb(68, 68, 68); border-width: 1px; border-style: solid; border-color: rgb(132, 132, 132) rgb(224, 224, 224) rgb(224, 224, 224) rgb(132, 132, 132); background: url(&quot;https://mc.dfrobot.com.cn/template/zhanzhuai_v/images/common/px.png&quot;) 0px 0px repeat-x rgb(255, 255, 255); height: 17px; width: 330px;"></td><td style="padding: 7px 0px; list-style: none; vertical-align: top;"></td></tr></tbody></table></div><p class="o pns" style="font-family: 微软雅黑; margin: 8px 15px; padding-top: 10px; padding-bottom: 10px; list-style: none; height: 40px; text-align: right; border-top: 1px solid rgb(204, 204, 204); font-size: 12px;"><button type="button" class="pn pnc" style="font: 16px / 1.5 tahoma, arial, 宋体, sans-serif; margin-right: 3px; margin-left: 20px; list-style: none; vertical-align: middle; overflow: hidden; height: 35px; border-width: 1px; border-style: solid; border-color: rgb(237, 106, 0); background: rgb(237, 106, 0); cursor: pointer; box-shadow: rgb(224, 224, 224) 1px 1px; border-radius: 0px; width: 220px; color: rgb(255, 255, 255) !important;"><span style="font-family: 微软雅黑; padding-right: 20px; padding-left: 20px; list-style: none; line-height: 21px;">点我签到!</span></button></p><div class="input-2S6hi" style="box-sizing: border-box; margin-right: auto; margin-left: auto; border: 0px; font-size: 18px; vertical-align: baseline; width: 401px; height: 60px; line-height: 60px; background: var(--ba2); border-radius: 60px; display: flex; align-items: center; font-weight: 600; color: rgb(0, 0, 0); font-family: &quot;PingFang SC&quot;, sans-serif;"><div class="picker-wrapper-1R_sJ" style="box-sizing: border-box; border: 0px; vertical-align: baseline; position: relative;"><div class="picker-3zcnD" style="box-sizing: border-box; border: 0px; vertical-align: baseline; display: flex; align-items: center; justify-content: center; width: 102px;"><div class="code-1UwSz" style="box-sizing: border-box; border: 0px; vertical-align: baseline; line-height: 60px; flex-shrink: 0; text-wrap-mode: nowrap; color: rgb(97, 97, 97); cursor: pointer;">+86</div><span class="line-2kKjl" style="box-sizing: border-box; border: 1px solid rgb(91, 91, 91); vertical-align: baseline; width: 0px; height: 26px; border-radius: 3px; position: absolute; right: -1px;"></span></div></div><div class="input-wrapper-2C3zV" style="box-sizing: border-box; border: 0px; vertical-align: baseline; flex-shrink: 1; flex-grow: 1; overflow: hidden;"><input placeholder="请输入手机号" maxlength="11" autocomplete="new-password" value="" style="box-sizing: border-box; padding-left: 16px; outline: none; border-width: initial; border-style: none; border-color: initial; font-family: PingFang, Helvetica, Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-size: 18px; font-weight: 600; width: 299px;"></div></div><p class="error-ADT2e" style="box-sizing: border-box; margin-top: 10px; border: 0px; font-size: 14px; vertical-align: baseline; line-height: 20px; color: var(--re0); text-align: center; font-family: &quot;PingFang SC&quot;, sans-serif;"></p><div class="input-2S6hi" style="box-sizing: border-box; margin-right: auto; margin-left: auto; border: 0px; font-size: 18px; vertical-align: baseline; width: 401px; height: 60px; line-height: 60px; background: var(--ba2); border-radius: 60px; display: flex; align-items: center; font-weight: 600; color: rgb(0, 0, 0); font-family: &quot;PingFang SC&quot;, sans-serif;"><span class="addon-before-3cgH6" style="box-sizing: border-box; border: 0px; vertical-align: baseline; color: var(--wh0_2); width: 102px; text-indent: 34px; line-height: 60px; flex-shrink: 0; text-wrap-mode: nowrap;">验证码</span><span class="line-PnqMp" style="box-sizing: border-box; border: 1px solid rgb(91, 91, 91); vertical-align: baseline; width: 0px; background-color: var(--wh0); height: 26px; border-radius: 3px;"></span><div class="input-wrapper-2C3zV" style="box-sizing: border-box; border: 0px; vertical-align: baseline; flex-shrink: 1; flex-grow: 1; overflow: hidden;"><input placeholder="请输入验证码" maxlength="6" autocomplete="new-password" value="" style="box-sizing: border-box; padding-left: 16px; outline: none; border-width: initial; border-style: none; border-color: initial; font-family: PingFang, Helvetica, Arial, sans-serif; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-size: 18px; font-weight: 600; width: 181.4px;"></div><span class="addon-after-3p9do" style="box-sizing: border-box; padding-right: 22px; border: 0px; vertical-align: baseline; line-height: 60px; flex-shrink: 0; text-wrap-mode: nowrap; color: var(--ge0);"><button type="button" class="countdown-3R__b disable-3R8Hu" disabled="" style="padding-right: 2px; padding-left: 2px; border-width: initial; border-style: none; border-color: initial; outline: none; cursor: not-allowed; font-size: 18px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">获取验证码</button></span></div><p class="error-ADT2e" style="box-sizing: border-box; margin-top: 10px; border: 0px; font-size: 14px; vertical-align: baseline; line-height: 20px; color: var(--re0); text-align: center; font-family: &quot;PingFang SC&quot;, sans-serif;"></p><p class="o pns" style="font-family: 微软雅黑; margin: 8px 15px; padding-top: 10px; padding-bottom: 10px; list-style: none; height: 40px; text-align: right; border-top: 1px solid rgb(204, 204, 204); font-size: 12px;"><button type="button" class="pn pnc" style="font: 16px / 1.5 tahoma, arial, 宋体, sans-serif; margin-right: 3px; margin-left: 20px; list-style: none; vertical-align: middle; overflow: hidden; height: 35px; border-width: 1px; border-style: solid; border-color: rgb(237, 106, 0); background: rgb(237, 106, 0); cursor: pointer; box-shadow: rgb(224, 224, 224) 1px 1px; border-radius: 0px; width: 220px; color: rgb(255, 255, 255) !important;"><span style="font-family: 微软雅黑; padding-right: 20px; padding-left: 20px; list-style: none; line-height: 21px;"><button type="button" class="toggle-mode--RWf9" style="margin-top: 6px; margin-bottom: 60px; margin-left: 107px; border-width: initial; border-style: none; border-color: initial; outline: none; cursor: pointer; font-size: 14px; line-height: 20px; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">切换密码登录</button><button type="button" disabled="" class="button-EeCjR" style="margin-right: auto; margin-left: auto; border-width: initial; border-style: none; border-color: initial; outline: none; cursor: not-allowed; width: 401px; max-width: 401px; height: 60px; line-height: 60px; color: rgb(88, 88, 88); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; border-radius: 60px; font-size: 18px; font-weight: 500; display: block;">登录</button></span></button></p><p></p>
页: [1]
查看完整版本: HTML测试div