1. 学ぶ
    2. /
  2. コース
    3. /
  3. shinydashboard で作るダッシュボード
Connected

演習

CSSでshinydashboardをカスタマイズする

shinydashboard は、カスケーディングスタイルシート（CSS）を使ってさらにカスタマイズできます。

やり方はいくつかあります。実務では別ファイルのCSSを作成するのが望ましいですが、この演習では body に直接CSSコードを記述します。

ここではCSSの書式指定がどのように適用されるかを確認します。CSSに慣れていなくても心配しないでください！ 既存のCSSコードを少し修正するだけで大丈夫です。

ヘッダーとサイドバーは、それぞれ header と sidebar として保存されています。

指示

100 XP
  • 10行目で、ヘッダーの背景色を16進数の「#000000」に変更します。
  • 14行目で、ヘッダー（ホバー時）の背景色を「gray」に変更します。
  • shinydashboardを構成する要素を一通り見たので、自由にコードを変更して少し探検してみましょう。