如何將CSS插入CSS以用於Blogger小工具

Question

所以我為自己感到驕傲，因為我終於可以自己制作一些基本的html / css代碼，但是當我將它們復制到Blogger 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代碼移至CSS文件。 另外，您可以使用style標簽將其包裝起來：

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

Answer 2

CSS代碼屬於<style>...</style>標記之間的單獨樣式部分，或者屬於通過<link rel="stylesheet" type="text/css" href="mystyle.css"> 。 通常，兩者都在HTML文件的<head>部分中標記。

您可以在網上找到大量與此有關的信息，例如： http : //www.w3schools.com/css/css_howto.asp

Answer 3

您確定要切換到“編輯HTML”模式嗎？

如何將CSS插入CSS以用於Blogger小工具

問題描述

3 個解決方案

解決方案1
1 已采納 2016-08-05 13:29:56

解決方案2
0 2016-08-05 13:29:54

解決方案3
0 2016-08-05 18:00:10

如何將CSS插入CSS以用於Blogger小工具

問題描述

3 個解決方案

解決方案1 1 已采納 2016-08-05 13:29:56

解決方案2 0 2016-08-05 13:29:54

解決方案3 0 2016-08-05 18:00:10

解決方案1
1 已采納 2016-08-05 13:29:56

解決方案2
0 2016-08-05 13:29:54

解決方案3
0 2016-08-05 18:00:10