<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wikidot="http://www.wikidot.com/rss-namespace">

	<channel>
		<title>如何获得更加流畅的链接高亮</title>
		<link>http://rubisco0326.wikidot.com/forum/t-15303367/</link>
		<description>讨论串中的帖文 &quot;如何获得更加流畅的链接高亮&quot;</description>
				<copyright></copyright>
		<lastBuildDate>Mon, 11 May 2026 03:21:31 +0000</lastBuildDate>
		
					<item>
				<guid>http://rubisco0326.wikidot.com/forum/t-15303367#post-5645588</guid>
				<title>Re: 如何获得更加流畅的链接高亮</title>
				<link>http://rubisco0326.wikidot.com/forum/t-15303367/#post-5645588</link>
				<description></description>
				<pubDate>Sun, 16 Oct 2022 04:50:26 +0000</pubDate>
				<wikidot:authorName>Rubbbbisco</wikidot:authorName>				<wikidot:authorUserId>8177623</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>然而并不是很懂这个效果(</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://rubisco0326.wikidot.com/forum/t-15303367#post-5644542</guid>
				<title>如何获得更加流畅的链接高亮</title>
				<link>http://rubisco0326.wikidot.com/forum/t-15303367/#post-5644542</link>
				<description></description>
				<pubDate>Sat, 15 Oct 2022 13:59:49 +0000</pubDate>
				<wikidot:authorName>Liurd</wikidot:authorName>				<wikidot:authorUserId>5520704</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>众所周知，链接的css元素名是<span class="code">a</span><br /> 那么我们通过以下语法就可以让你的网站的链接更加流畅地高亮了！<sup class="footnoteref"><a id="footnoteref-349919-1" href="javascript:;" class="footnoteref" >1</a></sup></p> <div class="code"> <div class="hl-main"> <pre><span class="hl-code">/</span><span class="hl-identifier">*</span><span class="hl-code">通过</span><span class="hl-identifier">transition</span><span class="hl-code">来为元素在改变状态时提供缓动效果，你也可以套用这个方法修改其它想要类似效果的元素！</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">transition:</span><span class="hl-code"> </span><span class="hl-string">all</span><span class="hl-code"> </span><span class="hl-number">0.3</span><span class="hl-code">s ease-out</span><span class="hl-code">;/</span><span class="hl-identifier">*</span><span class="hl-code">只有时间是可以随便改的！</span><span class="hl-identifier">*</span><span class="hl-code">/ -</span><span class="hl-reserved">webkit-transition:</span><span class="hl-code"> </span><span class="hl-string">all</span><span class="hl-code"> </span><span class="hl-number">0.3</span><span class="hl-code">s ease-out</span><span class="hl-code">; /</span><span class="hl-identifier">*</span><span class="hl-code"> </span><span class="hl-identifier">Safari</span><span class="hl-code"> </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-brackets">}</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-code">这里是修改某个具体元素内的链接元素使用的代码，前面的就是元素名</span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">#main-content</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">background-color:</span><span class="hl-var">#ffffff</span><span class="hl-code">; </span><span class="hl-reserved">color:</span><span class="hl-code"> </span><span class="hl-var">#555555</span><span class="hl-code">; </span><span class="hl-brackets">}</span><span class="hl-code"> </span><span class="hl-identifier">#main-content</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">color:</span><span class="hl-code"> </span><span class="hl-var">#ffffff</span><span class="hl-code">; </span><span class="hl-reserved">background-color:</span><span class="hl-var">#555555</span><span class="hl-code">; </span><span class="hl-brackets">}</span></pre></div> </div> <p>你可以在<a href="http://liurdrooms.wikidot.com/">我的个人网站</a>查看链接效果！</p> <div class="footnotes-footer"> <div class="title">Footnotes</div> <div class="footnote-footer" id="footnote-349919-1"><a href="javascript:;" >1</a>. 注意！这个只是示例！</div> </div> 
				 	]]>
				</content:encoded>							</item>
				</channel>
</rss>