登录
当前位置：美工之家 > 技术分享 > HTML 标签 </div>
<div class="row">
<div class="content-column col-lg-9">
<div class="content-area">
<main class="site-main">
<article id="post-297" class="article-content">
<div class="container">
<div class="cao_entry_header">
<header class="entry-header"> <div class="entry-meta">
<span class="meta-author">
<a>
<img alt='runsly' data-src='https://www.9502669.com/wp-content/uploads/avatar/avatar-1.jpg' class='lazyload avatar avatar-40 photo gravatar' height='40' width='40' />runsly </a>
</span>
<span class="meta-category">
<a href="https://www.9502669.com/fenxiang" rel="category">
<i class="dot"></i>技术分享 </a>
</span>
<span class="meta-date">
<a href="https://www.9502669.com/297.html">
<time datetime="2020-05-11T22:57:30+08:00">
2020-05-11 </time>
</a>
</span>
<span class="meta-edit"></span>
</div>
<h1 class="entry-title">HTML <title> 标签</h1> </header></div></div> <div class="container">
<div class="entry-wrapper">
<div class="entry-content u-text-format u-clearfix">
<h2>实例</h2>
<p>一个简单的 HTML 文档，带有尽可能少的必需的标签：</p>
<pre><html>
<head>
<code><title>XHTML Tag Reference</title></code> </head> <body> The content of the document...... </body> </html></pre>
<p class="tiy">亲自试一试</p>
<div>
<h2>浏览器支持</h2>
<table class="dataintable browsersupport">
<tbody>
<tr>
<th>IE</th>
<th>Firefox</th>
<th>Chrome</th>
<th>Safari</th>
<th>Opera</th>
</tr>
<tr>
<td class="bsIE"></td>
<td class="bsFirefox"></td>
<td class="bsChrome"></td>
<td class="bsSafari"></td>
<td class="bsOpera"></td>
</tr>
</tbody>
</table>
<p>所有浏览器都支持 <title> 标签。</p>
</div>
<div>
<h2>定义和用法</h2>
<p><title> 元素可定义文档的标题。</p>
<p>浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。</p>
</div>
<div>
<h2>HTML 与 XHTML 之前的差异</h2>
<p>NONE</p>
</div>
<div>
<h2>提示和注释</h2>
<p class="tip">提示：<title> 标签是 <head> 标签中唯一要求包含的东西。</p>
</div>
<div>
<h2>标准属性</h2>
<p><title> 标签支持以下标准属性：</p>
<table class="dataintable">
<tbody>
<tr>
<th>属性</th>
<th>值</th>
<th>描述</th>
</tr>
<tr>
<td>dir</td>
<td>
<ul>
<li>rtl</li>
<li>ltr</li>
</ul>
</td>
<td>规定元素中内容的文本方向。</td>
</tr>
<tr>
<td>lang</td>
<td><em>language_code</em></td>
<td>规定元素中内容的语言代码。</td>
</tr>
<tr>
<td>xml:lang</td>
<td><em>language_code</em></td>
<td>规定 XHTML 文档中元素内容的语言代码。</td>
</tr>
</tbody>
</table>
<p class="note">DTD：指示在哪种 XHTML 1.0 DTD 中允许该标签。S=Strict, T=Transitional, F=Frameset.</p>
<p>如需更多有关 HTML 标准属性的信息，请访问标准属性。</p>
</div>
<div>
<h2>全局属性</h2>
<p><title> 标签支持 HTML 中的全局属性。</p>
</div>
<div>
<h2>延伸阅读：标题里是什么？</h2>
<p>一定要选择一个正确的标题，这对于定义文档并确保它能够在 Web 上有效利用来说是十分重要的。</p>
<p>请记住，用户可以用任何顺序、独立地访问文档集中的每一个文档。所以，文档的标题不仅应当根据其他文档的上下文定义，而且还要显示其自身的特点。</p>
<p>含有文档引用排序的标题通常不是什么好标题。举个例子，像“第十六章”或“第五部分”这样的标题，对读者理解其内容方面毫无用处。描述性更强的标题，像“第十六章：HTML 标题”，或者“第五部分：如何使用标题”，这样的标题不仅表达了它在一个大型文档集中的位置，还说明了文档的具体内容，吸引读者更有兴趣读下去。</p>
<p>自我引用的标题也没有什么用处。像“主页”这样的标题和内容毫无关系，类似的还有“反馈页”或“常用链接”等。你应该设计一个能够传达一定内容和目的的标题，令读者凭这个标题就可以判断是否由必要访问这个页面。“HTML <title> 标签的详细信息”，这就是一个描述性的标题，类似的还有“HTML <title> 标签的反馈页”等等。</p>
<p>人们常常会花费大量时间去创建 Web 文档，但却经常只是因为一个不吸引人或无意义的标题，而把这些努力全都浪费掉了。当自动为用户搜集链接的特殊软件在 Web 上越来越流行时，只有网页的标题才会作为与页面相关的描述性词语，被插入到庞大的链接数据库中。因此，我们怎么强调这一点都不过分：请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题。</p>
</div>
<div>
<h2>相关页面</h2>
<p>HTML DOM 参考手册：Title 对象</p>
</div>
</div>
<div id="pay-single-box"></div>
<div class="entry-tags">
<a href="https://www.9502669.com/tag/html-%e6%a0%87%e7%ad%be" rel="tag">
HTML 标签 </a>
<a href="https://www.9502669.com/tag/title-%e5%af%b9%e8%b1%a1" rel="tag">
Title 对象 </a>
<a href="https://www.9502669.com/tag/web%e5%bc%80%e5%8f%91" rel="tag">
Web开发 </a>
</div>
<div class="ripro_gg_wrap pc"><a href="https://www.9502669.com/" target="_blank"><img src="https://www.9502669.com/wp-content/themes/ripro/assets/images/hero/ads.jpg" style=" width: 100%; margin: 20px 0; text-align: center; "></a></div><div class="article-footer">
<div class="author-box">
<div class="author-image">
<img alt='' data-src='https://www.9502669.com/wp-content/uploads/avatar/avatar-1.jpg' class='lazyload avatar avatar-96 photo gravatar' height='96' width='96' /> </div>
<div class="author-info">
<h4 class="author-name">
<a href="javascript:;">runsly</a>
<span class="label label-warning"><i class="fa fa-diamond"></i> 钻石</span> </h4>
</div>
</div>
</div> </div>
</div>
</article>
<div class="entry-navigation">
<nav class="article-nav">
<span class="article-nav-prev">上一篇<br><a href="https://www.9502669.com/295.html" rel="prev">【PHP】简易系统环境控制</a></span>
<span class="article-nav-next">下一篇<br><a href="https://www.9502669.com/298.html" rel="next">攻防世界-web(进阶)-Training-WWW-Robots</a></span>
</nav>
</div>
<!-- # 标准网格模式... -->
<div class="related-posts-grid">
<h4 class="u-border-title">相关推荐</h4>
<div class="row">
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/467.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/51908a0f45adfbd0a9ff55618cec15cb-300x81.jpg&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Cannot change version of project facet Dynamic Web Module to 2.4问题解决">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="467" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/467.html" title="Cannot change version of project facet Dynamic Web Module to 2.4问题解决" rel="bookmark">Cannot change version of project facet Dynamic Web Module to 2.4问题解决</a></h4> </header> </div>
</article>
</div>
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/1230.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/07/38cf0abcd6f7079ef92af052dd5c5263.jpg&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="jQuery之HelloWorld">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="1230" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/1230.html" title="jQuery之HelloWorld" rel="bookmark">jQuery之HelloWorld</a></h4> </header> </div>
</article>
</div>
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/480.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="PHP 太空船运算符（组合比较符）">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="480" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/480.html" title="PHP 太空船运算符（组合比较符）" rel="bookmark">PHP 太空船运算符（组合比较符）</a></h4> </header> </div>
</article>
</div>
<div class="col-6 col-sm-3 col-md-3 mt-10 mb-10">
<article class="post">
<div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/471.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Js 之封装replaceAll">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="471" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<div class="entry-wrapper">
<header class="entry-header">
<h4 class="entry-title"><a href="https://www.9502669.com/471.html" title="Js 之封装replaceAll" rel="bookmark">Js 之封装replaceAll</a></h4> </header> </div>
</article>
</div>
</div>
</div>
</main>
</div>
</div>
<div class="sidebar-column col-lg-3">
<aside class="widget-area">
<div id="search-2" class="widget widget_search"><form method="get" class="search-form inline" action="https://www.9502669.com/">
<input type="search" class="search-field inline-field" placeholder="输入关键词，回车..." autocomplete="off" value="" name="s" required="required">
<button type="submit" class="search-submit"><i class="mdi mdi-magnify"></i></button>
</form></div><div id="cao_widget_post-2" class="widget cao-widget-posts"><h5 class="widget-title">最新动态</h5><div class="posts"><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/11436.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="帝国cms7.5使用php7.4版报错Function get_magic_quotes_gpc() is deprecated 解决方法">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="11436" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/11436.html" rel="bookmark" title="帝国cms7.5使用php7.4版报错Function get_magic_quotes_gpc() is deprecated 解决方法">帝国cms7.5使用php7.4版报错Function get_magic_quotes_gpc() is deprecated 解决方法</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/11433.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="phome_enewspayrecord 数据表字段解释（在线支付记录表）">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="11433" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/11433.html" rel="bookmark" title="phome_enewspayrecord 数据表字段解释（在线支付记录表）">phome_enewspayrecord 数据表字段解释（在线支付记录表）</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/11432.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="phome_enewspayapi 数据表字段解释（在线支付接口表）">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="11432" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/11432.html" rel="bookmark" title="phome_enewspayapi 数据表字段解释（在线支付接口表）">phome_enewspayapi 数据表字段解释（在线支付接口表）</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/11431.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="phome_enewspubvarclass 数据表字段解释（扩展变量分类表）">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="11431" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/11431.html" rel="bookmark" title="phome_enewspubvarclass 数据表字段解释（扩展变量分类表）">phome_enewspubvarclass 数据表字段解释（扩展变量分类表）</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/11430.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="phome_enewspubvar 数据表字段解释（扩展变量表）">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="11430" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/11430.html" rel="bookmark" title="phome_enewspubvar 数据表字段解释（扩展变量表）">phome_enewspubvar 数据表字段解释（扩展变量表）</a></div><div class="left"> <div class="entry-media">
<div class="placeholder" style="padding-bottom: 100%;">
<a href="https://www.9502669.com/11429.html">
<img class="lazyload" data-src="https://www.9502669.com/wp-content/themes/ripro/timthumb.php?src=https://www.9502669.com/wp-content/uploads/2020/05/1590650547-b351bb9b0af6e4f.png&h=300&w=300&zc=1&a=c&q=100&s=1" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="phome_enewspublic 数据表字段解释（系统参数配置表）">
</a>
</div>
<div class="entry-star"><a href="javascript:;" title="收藏文章" etap="star" data-postid="11429" class="ripro-star"><i class="fa fa-star-o"></i></a></div> </div>
<a href="https://www.9502669.com/11429.html" rel="bookmark" title="phome_enewspublic 数据表字段解释（系统参数配置表）">phome_enewspublic 数据表字段解释（系统参数配置表）</a></div></div></div><div id="tag_cloud-2" class="widget widget_tag_cloud"><h5 class="widget-title">标签</h5><div class="tagcloud"><a href="https://www.9502669.com/tag/ai%e6%a0%bc%e5%bc%8f" class="tag-cloud-link tag-link-38 tag-link-position-1" style="font-size: 10.871794871795pt;" aria-label="AI格式 (18个项目)">AI格式</a>
<a href="https://www.9502669.com/tag/css%e7%9f%a5%e8%af%86" class="tag-cloud-link tag-link-955 tag-link-position-2" style="font-size: 9.9145299145299pt;" aria-label="css知识 (15个项目)">css知识</a>
<a href="https://www.9502669.com/tag/emoji" class="tag-cloud-link tag-link-1048 tag-link-position-3" style="font-size: 8pt;" aria-label="emoji (10个项目)">emoji</a>
<a href="https://www.9502669.com/tag/emoji%e5%9b%be%e6%a0%87" class="tag-cloud-link tag-link-1030 tag-link-position-4" style="font-size: 9.9145299145299pt;" aria-label="emoji图标 (15个项目)">emoji图标</a>
<a href="https://www.9502669.com/tag/emoji%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1029 tag-link-position-5" style="font-size: 9.9145299145299pt;" aria-label="emoji大全 (15个项目)">emoji大全</a>
<a href="https://www.9502669.com/tag/html-css" class="tag-cloud-link tag-link-1230 tag-link-position-6" style="font-size: 9.3162393162393pt;" aria-label="HTML/CSS (13个项目)">HTML/CSS</a>
<a href="https://www.9502669.com/tag/java" class="tag-cloud-link tag-link-1017 tag-link-position-7" style="font-size: 16.974358974359pt;" aria-label="java (61个项目)">java</a>
<a href="https://www.9502669.com/tag/ps" class="tag-cloud-link tag-link-1126 tag-link-position-8" style="font-size: 11.589743589744pt;" aria-label="PS (21个项目)">PS</a>
<a href="https://www.9502669.com/tag/psd%e7%b4%a0%e6%9d%90" class="tag-cloud-link tag-link-42 tag-link-position-9" style="font-size: 8.4786324786325pt;" aria-label="psd素材 (11个项目)">psd素材</a>
<a href="https://www.9502669.com/tag/ps%e5%9b%be%e6%a1%88" class="tag-cloud-link tag-link-1091 tag-link-position-10" style="font-size: 9.3162393162393pt;" aria-label="PS图案 (13个项目)">PS图案</a>
<a href="https://www.9502669.com/tag/ps%e6%8a%80%e5%b7%a7" class="tag-cloud-link tag-link-1087 tag-link-position-11" style="font-size: 13.982905982906pt;" aria-label="ps技巧 (34个项目)">ps技巧</a>
<a href="https://www.9502669.com/tag/ps%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-1086 tag-link-position-12" style="font-size: 8.4786324786325pt;" aria-label="ps教程 (11个项目)">ps教程</a>
<a href="https://www.9502669.com/tag/web%e5%bc%80%e5%8f%91" class="tag-cloud-link tag-link-89 tag-link-position-13" style="font-size: 18.769230769231pt;" aria-label="Web开发 (87个项目)">Web开发</a>
<a href="https://www.9502669.com/tag/%e5%9b%be%e6%a0%87" class="tag-cloud-link tag-link-309 tag-link-position-14" style="font-size: 9.3162393162393pt;" aria-label="图标 (13个项目)">图标</a>
<a href="https://www.9502669.com/tag/%e5%9b%be%e6%a1%88%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1012 tag-link-position-15" style="font-size: 13.384615384615pt;" aria-label="图案符号大全 (30个项目)">图案符号大全</a>
<a href="https://www.9502669.com/tag/%e5%ae%89%e5%8d%93" class="tag-cloud-link tag-link-1018 tag-link-position-16" style="font-size: 16.974358974359pt;" aria-label="安卓 (60个项目)">安卓</a>
<a href="https://www.9502669.com/tag/%e5%b8%9d%e5%9b%bdcms%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-662 tag-link-position-17" style="font-size: 21.282051282051pt;" aria-label="帝国cms教程 (140个项目)">帝国cms教程</a>
<a href="https://www.9502669.com/tag/%e5%bc%80%e5%9c%ba%e7%99%bd" class="tag-cloud-link tag-link-990 tag-link-position-18" style="font-size: 13.982905982906pt;" aria-label="开场白 (34个项目)">开场白</a>
<a href="https://www.9502669.com/tag/%e6%8a%80%e6%9c%af%e6%80%bb%e7%bb%93" class="tag-cloud-link tag-link-1231 tag-link-position-19" style="font-size: 17.692307692308pt;" aria-label="技术总结 (69个项目)">技术总结</a>
<a href="https://www.9502669.com/tag/%e6%8a%80%e6%9c%af%e7%ac%94%e8%ae%b0" class="tag-cloud-link tag-link-1232 tag-link-position-20" style="font-size: 17.692307692308pt;" aria-label="技术笔记 (69个项目)">技术笔记</a>
<a href="https://www.9502669.com/tag/%e6%95%b0%e5%ad%a6%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-1008 tag-link-position-21" style="font-size: 11.82905982906pt;" aria-label="数学符号 (22个项目)">数学符号</a>
<a href="https://www.9502669.com/tag/%e6%95%b0%e5%ad%a6%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1009 tag-link-position-22" style="font-size: 11.82905982906pt;" aria-label="数学符号大全 (22个项目)">数学符号大全</a>
<a href="https://www.9502669.com/tag/%e6%98%93%e4%bc%98cms" class="tag-cloud-link tag-link-1113 tag-link-position-23" style="font-size: 8.4786324786325pt;" aria-label="易优cms (11个项目)">易优cms</a>
<a href="https://www.9502669.com/tag/%e6%a0%87%e7%82%b9%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-1027 tag-link-position-24" style="font-size: 9.9145299145299pt;" aria-label="标点符号 (15个项目)">标点符号</a>
<a href="https://www.9502669.com/tag/%e6%a0%87%e7%82%b9%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1028 tag-link-position-25" style="font-size: 9.9145299145299pt;" aria-label="标点符号大全 (15个项目)">标点符号大全</a>
<a href="https://www.9502669.com/tag/%e6%a0%87%e7%ad%be%e6%8e%a8%e8%8d%90-%e6%9b%b4%e5%a4%9a" class="tag-cloud-link tag-link-789 tag-link-position-26" style="font-size: 11.350427350427pt;" aria-label="标签推荐 >> 更多 (20个项目)">标签推荐 >> 更多</a>
<a href="https://www.9502669.com/tag/%e6%b7%98%e5%ae%9d%e7%be%8e%e5%b7%a5" class="tag-cloud-link tag-link-960 tag-link-position-27" style="font-size: 13.982905982906pt;" aria-label="淘宝美工 (34个项目)">淘宝美工</a>
<a href="https://www.9502669.com/tag/%e6%ba%90%e7%a0%81%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-1145 tag-link-position-28" style="font-size: 15.538461538462pt;" aria-label="源码模板 (46个项目)">源码模板</a>
<a href="https://www.9502669.com/tag/%e6%bc%94%e8%ae%b2%e5%bc%80%e5%9c%ba%e7%99%bd" class="tag-cloud-link tag-link-991 tag-link-position-29" style="font-size: 13.982905982906pt;" aria-label="演讲开场白 (34个项目)">演讲开场白</a>
<a href="https://www.9502669.com/tag/%e7%89%b9%e6%ae%8a%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-992 tag-link-position-30" style="font-size: 15.418803418803pt;" aria-label="特殊符号 (45个项目)">特殊符号</a>
<a href="https://www.9502669.com/tag/%e7%9f%a2%e9%87%8f%e5%9b%be" class="tag-cloud-link tag-link-37 tag-link-position-31" style="font-size: 13.863247863248pt;" aria-label="矢量图 (33个项目)">矢量图</a>
<a href="https://www.9502669.com/tag/%e7%9f%a2%e9%87%8f%e7%b4%a0%e6%9d%90" class="tag-cloud-link tag-link-28 tag-link-position-32" style="font-size: 9.9145299145299pt;" aria-label="矢量素材 (15个项目)">矢量素材</a>
<a href="https://www.9502669.com/tag/%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-993 tag-link-position-33" style="font-size: 22pt;" aria-label="符号 (162个项目)">符号</a>
<a href="https://www.9502669.com/tag/%e7%ac%a6%e5%8f%b7%e5%9b%be%e6%a1%88" class="tag-cloud-link tag-link-1011 tag-link-position-34" style="font-size: 13.384615384615pt;" aria-label="符号图案 (30个项目)">符号图案</a>
<a href="https://www.9502669.com/tag/%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-986 tag-link-position-35" style="font-size: 15.538461538462pt;" aria-label="符号大全 (46个项目)">符号大全</a>
<a href="https://www.9502669.com/tag/%e7%ae%80%e5%8e%86%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-739 tag-link-position-36" style="font-size: 8.4786324786325pt;" aria-label="简历模板 (11个项目)">简历模板</a>
<a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e5%ad%a6%e9%99%a2" class="tag-cloud-link tag-link-719 tag-link-position-37" style="font-size: 10.632478632479pt;" aria-label="织梦学院 (17个项目)">织梦学院</a>
<a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e6%95%99%e7%a8%8b" class="tag-cloud-link tag-link-560 tag-link-position-38" style="font-size: 21.880341880342pt;" aria-label="织梦教程 (157个项目)">织梦教程</a>
<a href="https://www.9502669.com/tag/%e7%bb%87%e6%a2%a6%e6%a8%a1%e6%9d%bf" class="tag-cloud-link tag-link-835 tag-link-position-39" style="font-size: 8.8376068376068pt;" aria-label="织梦模板 (12个项目)">织梦模板</a>
<a href="https://www.9502669.com/tag/%e7%be%8e%e5%b7%a5%e7%9f%a5%e8%af%86" class="tag-cloud-link tag-link-1118 tag-link-position-40" style="font-size: 13.623931623932pt;" aria-label="美工知识 (31个项目)">美工知识</a>
<a href="https://www.9502669.com/tag/%e7%be%8e%e5%b7%a5%e8%ae%be%e8%ae%a1" class="tag-cloud-link tag-link-1117 tag-link-position-41" style="font-size: 13.623931623932pt;" aria-label="美工设计 (31个项目)">美工设计</a>
<a href="https://www.9502669.com/tag/%e8%af%ad%e8%a8%80%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-1014 tag-link-position-42" style="font-size: 13.623931623932pt;" aria-label="语言符号 (31个项目)">语言符号</a>
<a href="https://www.9502669.com/tag/%e8%af%ad%e8%a8%80%e7%ac%a6%e5%8f%b7%e5%a4%a7%e5%85%a8" class="tag-cloud-link tag-link-1015 tag-link-position-43" style="font-size: 13.623931623932pt;" aria-label="语言符号大全 (31个项目)">语言符号大全</a>
<a href="https://www.9502669.com/tag/%e8%b4%a7%e5%b8%81%e7%ac%a6%e5%8f%b7" class="tag-cloud-link tag-link-1006 tag-link-position-44" style="font-size: 8.8376068376068pt;" aria-label="货币符号 (12个项目)">货币符号</a>
<a href="https://www.9502669.com/tag/%e9%a2%86%e6%9d%a1" class="tag-cloud-link tag-link-810 tag-link-position-45" style="font-size: 11.350427350427pt;" aria-label="领条 (20个项目)">领条</a></div>
</div><div id="categories-2" class="widget widget_categories"><h5 class="widget-title">分类</h5>
<ul>
<li class="cat-item cat-item-14"><a href="https://www.9502669.com/zuopin" title="网友精品作品展示交流区">作品</a> (13)
</li>
<li class="cat-item cat-item-806"><a href="https://www.9502669.com/fanwen" title="实用范文分享">实用文</a> (108)
<ul class='children'>
<li class="cat-item cat-item-809"><a href="https://www.9502669.com/fanwen/shixi" title="实习报告相关范文大全">实习</a> (33)
</li>
<li class="cat-item cat-item-989"><a href="https://www.9502669.com/fanwen/kaichangbai" title="开场白大全">开场白</a> (34)
</li>
<li class="cat-item cat-item-807"><a href="https://www.9502669.com/fanwen/shouju" title="收据模板大全">收据</a> (20)
</li>
<li class="cat-item cat-item-808"><a href="https://www.9502669.com/fanwen/lingtiao" title="领条模板大全">领条</a> (20)
</li>
</ul>
</li>
<li class="cat-item cat-item-2"><a href="https://www.9502669.com/fenxiang" title="建站经验分享、网页、编程技术交流分享">技术分享</a> (785)
</li>
<li class="cat-item cat-item-767"><a href="https://www.9502669.com/jiaocheng" title="各种教程知识大全">教程</a> (251)
<ul class='children'>
<li class="cat-item cat-item-768"><a href="https://www.9502669.com/jiaocheng/3d" title="3D教程大全">3D</a> (11)
</li>
<li class="cat-item cat-item-954"><a href="https://www.9502669.com/jiaocheng/css" title="css相关知识经验总结">css知识</a> (15)
</li>
<li class="cat-item cat-item-1016"><a href="https://www.9502669.com/jiaocheng/java" title="java/安卓技术分析教程">java/安卓</a> (60)
</li>
<li class="cat-item cat-item-1085"><a href="https://www.9502669.com/jiaocheng/psjq" title="PS教程技巧大全">PS技巧</a> (35)
</li>
<li class="cat-item cat-item-1379"><a href="https://www.9502669.com/jiaocheng/xiunobbs-jiaocheng" title="xiunobbs使用教程">xiunobbs</a> (1)
</li>
<li class="cat-item cat-item-1315"><a href="https://www.9502669.com/jiaocheng/tishegn" title="个人提升教程">个人提升</a> (14)
</li>
<li class="cat-item cat-item-1316"><a href="https://www.9502669.com/jiaocheng/chuangye" title="创业项目课程">创业项目</a> (2)
</li>
<li class="cat-item cat-item-952"><a href="https://www.9502669.com/jiaocheng/taobao" title="淘宝美工相关知识汇总">淘宝美工</a> (72)
</li>
<li class="cat-item cat-item-953"><a href="https://www.9502669.com/jiaocheng/dianshang">电商知识</a> (41)
</li>
</ul>
</li>
<li class="cat-item cat-item-776"><a href="https://www.9502669.com/mb" title="各大cms主题模板">模板</a> (70)
<ul class='children'>
<li class="cat-item cat-item-850"><a href="https://www.9502669.com/mb/404" title="404页面大全">404页面模板</a> (7)
</li>
<li class="cat-item cat-item-1071"><a href="https://www.9502669.com/mb/html5" title="HTML5静态也模板大集合">HTML5</a> (4)
</li>
<li class="cat-item cat-item-777"><a href="https://www.9502669.com/mb/wordpress" title="WordPress主题 大全">WordPress主题</a> (18)
</li>
<li class="cat-item cat-item-778"><a href="https://www.9502669.com/mb/ecms" title="帝国cms模板大全">帝国cms模板</a> (4)
</li>
<li class="cat-item cat-item-1084"><a href="https://www.9502669.com/mb/eyoucms" title="易优Cms模板大全，各行各业">易优Cms模板</a> (10)
</li>
<li class="cat-item cat-item-779"><a href="https://www.9502669.com/mb/dedecms" title="织梦模板大全">织梦模板</a> (26)
</li>
</ul>
</li>
<li class="cat-item cat-item-987"><a href="https://www.9502669.com/fuhao" title="符号大全">符号</a> (192)
<ul class='children'>
<li class="cat-item cat-item-1024"><a href="https://www.9502669.com/fuhao/emoji" title="emoji大全">emoji大全</a> (30)
</li>
<li class="cat-item cat-item-1004"><a href="https://www.9502669.com/fuhao/shuxuefuhao" title="数学符号大全-美工之家提供">数学符号</a> (22)
</li>
<li class="cat-item cat-item-1019"><a href="https://www.9502669.com/fuhao/biaodianfuhao" title="标点符号大全">标点符号</a> (15)
</li>
<li class="cat-item cat-item-988"><a href="https://www.9502669.com/fuhao/teshufuhao" title="特殊符号大全">特殊符号</a> (45)
</li>
<li class="cat-item cat-item-1010"><a href="https://www.9502669.com/fuhao/tuanfuhao" title="符号图案大全">符号图案</a> (30)
</li>
<li class="cat-item cat-item-1021"><a href="https://www.9502669.com/fuhao/biaoqingfuhao" title="表情符号大全">表情符号</a> (9)
</li>
<li class="cat-item cat-item-1013"><a href="https://www.9502669.com/fuhao/yuyanfuhao" title="语言符号大全">语言符号</a> (31)
</li>
<li class="cat-item cat-item-1005"><a href="https://www.9502669.com/fuhao/huobifuhao" title="货币符号大全">货币符号</a> (10)
</li>
</ul>
</li>
<li class="cat-item cat-item-736"><a href="https://www.9502669.com/jianli" title="简历">简历</a> (19)
<ul class='children'>
<li class="cat-item cat-item-738"><a href="https://www.9502669.com/jianli/dyjl">单页简历</a> (19)
</li>
</ul>
</li>
<li class="cat-item cat-item-1"><a href="https://www.9502669.com/jingpin" title="精品资源，独家整理，dedecms、帝国cms、destoon、phpcms等cms模板让你的工作事半功倍">精品资源</a> (160)
</li>
<li class="cat-item cat-item-13"><a href="https://www.9502669.com/sucai" title="精品素材不断更新中……">素材</a> (253)
<ul class='children'>
<li class="cat-item cat-item-961"><a href="https://www.9502669.com/sucai/cssdiv" title="CSS+DIV精品实例">CSS+DIV</a> (56)
</li>
<li class="cat-item cat-item-672"><a href="https://www.9502669.com/sucai/jscode" title="js在线客服代码大全">JS代码</a> (24)
</li>
<li class="cat-item cat-item-1078"><a href="https://www.9502669.com/sucai/png" title="PNG素材大全">PNG</a> (9)
</li>
<li class="cat-item cat-item-746"><a href="https://www.9502669.com/sucai/psd" title="PSD模板">PSD素材</a> (39)
</li>
<li class="cat-item cat-item-49"><a href="https://www.9502669.com/sucai/tubiao" title="美工之家图标集">图标</a> (28)
</li>
<li class="cat-item cat-item-50"><a href="https://www.9502669.com/sucai/sjmb" title="美工之家设计模板集">设计模板</a> (15)
</li>
</ul>
</li>
<li class="cat-item cat-item-889"><a href="https://www.9502669.com/lunwen" title="免费论文分享学习">论文</a> (140)
<ul class='children'>
<li class="cat-item cat-item-891"><a href="https://www.9502669.com/lunwen/jxlw" title="教学论文免费分享">教学论文</a> (20)
</li>
<li class="cat-item cat-item-890"><a href="https://www.9502669.com/lunwen/bylw" title="免费毕业论文分享">毕业论文</a> (119)
</li>
</ul>
</li>
</ul>
</div>
<div id="recent-posts-2" class="widget widget_recent_entries">
<h5 class="widget-title">近期文章</h5>
<ul>
<li>
<a href="https://www.9502669.com/11436.html">帝国cms7.5使用php7.4版报错Function get_magic_quotes_gpc() is deprecated 解决方法</a>
</li>
<li>
<a href="https://www.9502669.com/11433.html">phome_enewspayrecord 数据表字段解释（在线支付记录表）</a>
</li>
<li>
<a href="https://www.9502669.com/11432.html">phome_enewspayapi 数据表字段解释（在线支付接口表）</a>
</li>
<li>
<a href="https://www.9502669.com/11431.html">phome_enewspubvarclass 数据表字段解释（扩展变量分类表）</a>
</li>
<li>
<a href="https://www.9502669.com/11430.html">phome_enewspubvar 数据表字段解释（扩展变量表）</a>
</li>
<li>
<a href="https://www.9502669.com/11429.html">phome_enewspublic 数据表字段解释（系统参数配置表）</a>
</li>
</ul>
</div></aside> </div>
</div>
</div>
</div><!-- end sitecoent -->
<footer class="site-footer">
<div class="container">
<div class="footer-widget">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-3 widget--about">
<div class="widget--content">
<div class="footer--logo mb-20">
<img class="tap-logo" src="/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" data-dark="/wp-content/uploads/2020/05/1588479904-ec4a4c7bdaac2a6.png" alt="美工之家">
</div>
<p class="mb-10">加入美工之家发布作品/付费下载/余额管理/积分换码，大家一起技术交流，共同进步。美工素材基地9502669.com</p>
</div>
</div>
<!-- .col-md-2 end -->
<div class="col-xs-12 col-sm-3 col-md-2 col-md-offset-1 widget--links">
<div class="widget--title">
<h5>本站导航</h5>
</div>
<div class="widget--content">
<ul class="list-unstyled mb-0">
<li><a href="https://www.9502669.com/jingpin">精品资源</a></li><li><a href="https://www.9502669.com/sucai">美工素材</a></li><li><a href="https://www.9502669.com/zuopin">个人作品</a></li> </ul>
</div>
</div>
<!-- .col-md-2 end -->
<div class="col-xs-12 col-sm-3 col-md-2 widget--links">
<div class="widget--title">
<h5>友情链接</h5>
</div>
<div class="widget--content">
<ul class="list-unstyled mb-0">
<li><a href="https://www.99zt.cn/">高端源码</a></li><li><a href="https://www.52fw.cn">免费范文</a></li><li><a href="https://www.443.net.cn">免费外链</a></li> </ul>
</div>
</div>
<!-- .col-md-2 end -->
<div class="col-xs-12 col-sm-12 col-md-4 widget--newsletter">
<div class="widget--title">
<h5>快速搜索</h5>
</div>
<div class="widget--content">
<form class="newsletter--form mb-30" action="https://www.9502669.com/" method="get">
<input type="text" class="form-control" name="s" placeholder="关键词">
<button type="submit"><i class="fa fa-arrow-right"></i></button>
</form>
<h6>美工之家-美工素材交流分享首选平台，设计师互相学习区。</h6>
</div>
</div>
</div>
</div> <div class="site-info">
© 2020 9502669.com All rights reserved. <a href="https://www.9502669.com/">美工之家</a> 版权所有
<a href="https://beian.miit.gov.cn" target="_blank" class="text" rel="noreferrer nofollow"> 鲁ICP备18023744号-2</a>
<br>
</div>
</div>
</footer>
<div class="rollbar">
<div class="rollbar-item tap-dark" etap="tap-dark" title="夜间模式"><i class="mdi mdi-brightness-4"></i></div>
<div class="rollbar-item tap-click-qiandao"><a class="click-qiandao" title="签到" href="javascript:;"><i class="fa fa-calendar-check-o"></i></a></div>
<div class="rollbar-item tap-pencil"><a target="_blank" title="投稿赚钱" href="https://www.9502669.com/wp-admin/post-new.php"><i class="fa fa-pencil"></i></a></div>
<div class="rollbar-item tap-qq" etap="tap-qq"><a target="_blank" title="QQ咨询" href="http://wpa.qq.com/msgrd?v=3&uin=9502669&site=qq&menu=yes"><i class="fa fa-qq"></i></a></div>
<div class="rollbar-item tap-blog-style" etap="tap-blog-style" data-id="0" title="博客模式"><i class="fa fa-list"></i></div>
<div class="rollbar-item" etap="to_full" title="全屏页面"><i class="fa fa-arrows-alt"></i></div>
<div class="rollbar-item" etap="to_top" title="返回顶部"><i class="fa fa-angle-up"></i></div>
</div>
<div class="dimmer"></div>
<div id="popup-signup" class="popup-signup fade" style="display: none;">
<div class="register-login-modal" role="document">
<div class="modal-content">
<div class="modal-body">
<img class="popup-logo" src="https://www.9502669.com/wp-content/uploads/2021/07/1626753463-96d6f2e7e1f705a.png" data-dark="https://www.9502669.com/wp-content/uploads/2021/07/1626753463-96d6f2e7e1f705a.png" alt="美工之家">
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#login" data-toggle="login">登录</a>
</li>
<li><a href="#signup" data-toggle="signup">注册</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane fade in active" id="login">
<div class="signup-form-container text-center">
<form class="mb-0">
<div class="open-oauth text-center"><a href="https://www.9502669.com/oauth/qq?rurl=https://www.9502669.com/297.html" class="btn btn-qq"><i class="fa fa-qq"></i></a></div><div class="or-text"><span>or</span></div> <a href="#" class="forget-password">仅开放社交账号登录</a>
</form>
<!-- form end -->
</div>
<!-- .signup-form end -->
</div>
<div class="tab-pane fade in" id="signup">
<form class="mb-0">
<div class="open-oauth text-center"><a href="https://www.9502669.com/oauth/qq?rurl=https://www.9502669.com/297.html" class="btn btn-qq"><i class="fa fa-qq"></i></a></div><div class="or-text"><span>or</span></div> <a href="#" class="forget-password">仅开放社交账号注册</a>
</form>
<!-- form end -->
</div>
</div>
<a target="_blank" href="https://www.9502669.com/wp-login.php?action=lostpassword" class="rest-password">忘记密码？</a>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<div class="off-canvas">
<div class="canvas-close"><i class="mdi mdi-close"></i></div>
<div class="logo-wrapper">
<a href="https://www.9502669.com/">
<img class="logo regular" src="https://www.9502669.com/wp-content/uploads/2021/07/1626753463-96d6f2e7e1f705a.png" alt="美工之家">
</a>
</div>
<div class="mobile-menu hidden-lg hidden-xl"></div>
<aside class="widget-area">
</aside>
</div>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6e3e432e6b34baedf97226f570ecbb67";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id: "JO2IYYTcQi5wihXy",ck: "JO2IYYTcQi5wihXy"})</script>
<!--
<div class="fang">
<div class="cube">
<div class="front"><a href="https://www.99zt.cn/" target="_blank" style="font-size:28px;">源码模板</a></div>
<div class="back"><a href="https://www.9502669.com/" target="_blank" style="font-size:28px;">美工素材</a></div>
<div class="right"><a href="https://www.443.net.cn/" target="_blank" style="font-size:28px;">免费外链</a></div>
<div class="left"><a href="https://www.00115.cn/" target="_blank" style="font-size:28px;">115分享</a></div>
<div class="top"><a href="http://wpa.qq.com/msgrd?v=3&uin=9502669&site=qq&menu=yes" target="_blank" rel="nofollow" style="font-size:28px;">建站QQ</a></div>
<div class="bottom"><a href="https://www.52fw.cn/" target="_blank" style="font-size:28px;">免费范文</a></div>
</div>
</div>
<style>
.fang {
width: 100px;
height: 100px;
margin: 0 auto;
position: fixed;
z-index: 999;
-webkit-perspective: 1000px;
perspective: 1000px;
left: 80px;
bottom: 20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cube {
width: 100%;
height: 100%;
position: absolute;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(-15deg) rotateY(-20deg) translateZ(-100px);
transform: rotateX(-15deg) rotateY(-20deg) translateZ(-100px);
-webkit-transform-origin: center center -100px;
transform-origin: center center -100px;
-webkit-animation: around 5s cubic-bezier(0.94, -0.6, 0.45, 1.31) infinite;
animation: around 5s cubic-bezier(0.94, -0.6, 0.45, 1.31) infinite;
}
.cube div {
width: 120px;
height: 120px;
display: block;
margin: 0;
position: absolute;
}
.cube div a {
color: white;
font-size: 8em;
text-decoration: none;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.cube .front {
-webkit-transform: rotateY(0deg) translateZ(60px);
transform: rotateY(0deg) translateZ(60px);
background-color: rgba(0, 191, 255, 0.7);
border: 2px solid rgba(0, 191, 255, 0.7);
}
.cube .back {
-webkit-transform: rotateX(180deg) translateZ(60px);
transform: rotateX(180deg) translateZ(60px);
background-color: rgba(124, 252, 0, 0.7);
border: 2px solid rgba(124, 252, 0, 0.7);
}
.cube .left {
-webkit-transform: rotateY(-90deg) translateZ(60px);
transform: rotateY(-90deg) translateZ(60px);
background-color: rgba(255, 215, 0, 0.7);
border: 2px solid rgba(255, 215, 0, 0.7);
}
.cube .right {
-webkit-transform: rotateY(90deg) translateZ(60px);
transform: rotateY(90deg) translateZ(60px);
background-color: rgba(255, 69, 0, 0.7);
border: 2px solid rgba(255, 69, 0, 0.7);
}
.cube .top {
-webkit-transform: rotateX(90deg) translateZ(60px);
transform: rotateX(90deg) translateZ(60px);
background-color: rgba(255, 0, 157, 0.7);
border: 2px solid rgba(255, 0, 157, 0.7);
}
.cube .bottom {
-webkit-transform: rotateX(-90deg) translateZ(60px);
transform: rotateX(-90deg) translateZ(60px);
background-color: rgba(184, 111, 220, 0.7);
border: 2px solid rgba(184, 111, 220, 0.7);
}
@-webkit-keyframes around {
100% {
-webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
}
}
@keyframes around {
100% {
-webkit-transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
transform: rotateX(-15deg) rotateY(-380deg) translateZ(-100px);
}
}
</style>
-->
<script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/plugins.js?ver=8.9.0' id='plugins-js'></script>
<script type='text/javascript' id='app-js-extra'>
/* <![CDATA[ */
var caozhuti = {"site_name":"\u7f8e\u5de5\u4e4b\u5bb6","home_url":"https:\/\/www.9502669.com","ajaxurl":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","is_singular":"1","tencent_captcha":{"is":"","appid":""},"infinite_load":"\u52a0\u8f7d\u66f4\u591a","infinite_loading":"<i class=\"fa fa-spinner fa-spin\"><\/i> \u52a0\u8f7d\u4e2d...","site_notice":{"is":"0","color":"#1e73be","html":"<div class=\"notify-content\"><h3>\u7f8e\u5de5\u4e4b\u5bb6\u6700\u65b0\u516c\u544a<\/h3><div>\u7f8e\u5de5\u3001\u8bbe\u8ba1\u5e08\u805a\u96c6\u5730\u3002\u8d44\u6e90\u4ea4\u6362\uff0c\u53d1\u5e03\u81ea\u5df1\u7684\u6536\u85cf\u6362\u53d6\u4ed6\u4eba\u7684\u6536\u85cf\uff0c\u540c\u65f6\u5356\u51fa\u53ef\u4ee5\u6d3b\u52a8\u6536\u5165\u54e6\uff01QQ\u4e00\u952e\u767b\u5f55\uff0c\u5feb\u6765\u5c1d\u8bd5 \u4e00\u4e0b\u5427<\/div><\/div>"},"pay_type_html":{"html":"<div class=\"pay-button-box\"><div class=\"pay-item\" id=\"alipay\" data-type=\"6\"><i class=\"alipay\"><\/i><span>\u652f\u4ed8\u5b9d<\/span><\/div><\/div><p style=\"font-size: 13px; padding: 0; margin: 0;\">\u5f53\u524d\u4e3a\u6e38\u5ba2\u8d2d\u4e70\u6a21\u5f0f<\/p>","alipay":6,"weixinpay":0}};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/app.js?ver=8.9.0' id='app-js'></script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/themes/ripro/assets/js/plugins/jquery.fancybox.min.js?ver=8.9.0' id='fancybox-js'></script>
<script type='text/javascript' id='QAPress-js-js-extra'>
/* <![CDATA[ */
var QAPress_js = {"ajaxurl":"https:\/\/www.9502669.com\/wp-admin\/admin-ajax.php","ajaxloading":"https:\/\/www.9502669.com\/wp-content\/plugins\/QAPress\/images\/loading.gif"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.9502669.com/wp-content/plugins/QAPress/js/scripts.min.js?ver=2.3.1' id='QAPress-js-js'></script>
</body>
</html>