如何为博客小工具将 css 插入 html

Question

所以我为自己感到非常自豪，因为我终于能够自己制作一些基本的 html/css 代码，但是当我将它们复制到博客 html/javascript 小工具时，它没有用..你能告诉我应该在哪里插入 css 代码吗？我应该添加一些东西吗？

#rectangle {
  width: 100%;
  height: 30px;
  background: #F8E7E1;
  padding: 10px;
}

<div id="rectangle">
  <div class="separator" style="clear: both; text-align: center;">
    <a href="http://www.facebook.com/mykoreaobsession">
      <img border="0" src="https://4.bp.blogspot.com/-Bf7mwFGwROk/V6SKqUYGSYI/AAAAAAAAB_4/OeB9p4MTUSULT6RlPgOAKoZg1CvxFeetACLcB/s1600/facebook.png" height=30 width=30/>
    </a>
    <a href="https://plus.google.com/111582473236918769201">
      <img border="0" src="https://2.bp.blogspot.com/-vtaPYY5ddhc/V6SKqYEhUbI/AAAAAAAAB_8/E2ai63DrRJ4228zGYfr1jXZCHO3bbZpXgCLcB/s1600/googleplus.png" height=30 width=30/>
    </a>
    <a href="http://www.instagram.com/_ou_ma_">
      <img border="0" src="https://3.bp.blogspot.com/-Zr10DhdxK4E/V6SKqeryEhI/AAAAAAAACAA/0JVOCrBiNr0SUxWlT6a9zfS9CRQF5FgpgCLcB/s1600/instagram.png" height=30 width=30/>
    </a>
    <a href="http://www.pinterest.com/oumasobsessions">
      <img border="0" src="https://4.bp.blogspot.com/-YAm1EgkIZ5Y/V6SKqj9e47I/AAAAAAAACAE/yFBPhfkeshMvCP5FSg7U4fJY4FERZpaHQCLcB/s1600/pinterest.png" height=30 width=30/>
    </a>
    <a href="mailto:ouma.kwon@gmail.com">
      <img border="0" src="https://4.bp.blogspot.com/-tSE8rDvY-Fo/V6SK5hqc5RI/AAAAAAAACAI/vnm5EtELjZsf9afdwnlqJxJxlnh7ootlACLcB/s1600/mail.png" height=30 width=30/>
    </a>
    <a href="https://www.bloglovin.com/blogs/my-korea-obsession-13763831">
      <img border="0" src="https://1.bp.blogspot.com/--_hjcSVNzZ0/V6SL_c7UctI/AAAAAAAACAU/wk5pkshnNBgPvX7rCDIRE4T-N81Z1JdzQCLcB/s1600/bloglovin.png" height=30 width=30/>
    </a>
  </div>
</div>

Answer 1

CSS 代码属于 <style>...</style> 标签之间的单独样式部分或通过 <link rel="stylesheet" type="text/css" href="mystyle.css"> 包含的单独 CSS 文件。通常，两者都在 HTML 文件的 <head> 部分中注明。

您会在网上找到大量关于此的信息，例如这里：http://www.w3schools.com/css/css_howto.asp

Answer 2

您需要将 CSS 代码移动到 CSS 文件。作为替代方案，您可以用 style 标签包装它：

<style>
#rectangle {
  width: 100%;
  height: 30px;
  background: #F8E7E1;
  padding: 10px;
}
</style>

Answer 3

您确定要切换到 "Edit HTML" 模式吗？

如何为博客小工具将 css 插入 html

how to insert css into html for blogger gadget

html

css

blogger

insert