最初に、現在使用中のすべてのコードをリストします
HTML部分：
ブログのサイドバーの発表 < divの上記のid以上= "Tsidebox" > / *関数バーサスペンション* / < A HREF = "＃幅Ttop" 上記のid上記= "Tsidebox_content" > TOP </ A > </ DIV > トップHTMLコード < divの上記のid = "Ttop" > </ div > / *アンカータグ、長所と短所は明らか* /
CSS部分：
1 体 {/ *背景画像を挿入* / 2 background-image：url（ "https://cdn.pixabay.com/photo/2015/01/04/02/20/pirates-587988_960_720.jpg"） ; 3 背景-repeat：no-repeat ; 4 background-size：cover ; 5 background-attachment：fixed ; 6 } 7 8 #home {/ *パネルを半透明にする* / 9 background-color：rgba（255,255,255,0.5） ; 10 } 11 12 #Tsidebox{/ *右フローティング機能バー* / 13 位置：固定 ; 14 右：200px ; 15 背景：rgba（0,0,0,0.1） ; 16 ボーダー半径：12px ; 17 テキスト配置：中央 ; 18 フォント-size：12px ; 19 line-height：50px ; 20 } 21 22 #Tsidebox_content {/ *現在のところ、アンカータグを介して先頭に戻る関数のみ* / 23 text-decoration：なし ; 24 色：黒 ; 25 フォントファミリ：Arial ; 26 表示：ブロック ; 27 高さ：50px ; 28 幅：50px ; 29 } 30 31 #Tsidebox：ホバー {/ *美化するホバーバーの簡単な選択* / 32 背景：rgba（0,0,0,0.2） ; 33 } 34 35 div [id * = 'sidebar_'] {/ *ここでの意図は、右側のサイドバーの背景色をパネルと統一することですが、結果は問題であり、検索ボックスとフォルムはまだ真っ白です* / 36 色背景：RGBA（255,255,255,0.5） ; 37 } 38である 39 #navigator単純な形式* /造園{/ *トップ 40 の境界トップカラー：RGBA（0,0,0,0.5） ; 41である BORDER-下部：なし ; 42 } 43 44 #footer {/ *フッターの単純な美化* / 45 border-top-color：rgba（0,0,0,0.5） ; 46 }
次は現在の効果です
私はデフォルトのテンプレートを無効にせず、ブログのスキンSimpleMemoryに基づいて単に変更しました
まだ完了していないタスクは次のとおりです。
1.右側のサイドバーの検索ボックスとリストの背景色が解決されていません
2.エッセイはまだ公開されていないため、一時的にエッセイの表示効果が見られない
著者は、CSSの知識を学び始めたばかりの純粋な白人で、改善のために一生懸命取り組んでいます。
将来自分の肌が書けるようになります〜