2017-08-08 16 views
1

rmarkdownベースのflexdashboardの背景色をcssで変更することが可能かどうか疑問に思っていました。特にR Markdown CSSのバックグラウンドカラー変更

、私はこのような文書構造を持っている:私は何をしたいか

--- 
    title: "Test" 
output: 
    flexdashboard::flex_dashboard: 
    vertical_layout: scroll 
logo: logo.jpg 
self_contained: no 
--- 
    Overview {data-orientation=rows data-icon="ion-ios-home"} 
===================================== 

    Row 
------------------------------------- 
    ### Plot 1 

    ### Plot 2 

    Row 
------------------------------------- 

    ### Plot 3 

    ### Plot 4 

は、行レイアウトによって区切られセクションの背景色を変更です。

たとえば、1つのセクションはグレーで、次のセクションは白です。

これは可能ですか?そうなら、どのように私がそれを行うことができるでしょうか?

+0

こんにちはこのhttp://rmarkdown.rstudio.com/flexdashboard/using.html#appearanceを試してください –

答えて

2

もちろん可能です。 coloredのようなクラスを使用するか、ページソースのセクションのID(rowrow-1、...)をチェックし、CSSスタイルのものを使用できます。

--- 
title: "Test" 
output: 
    flexdashboard::flex_dashboard: 
    vertical_layout: scroll 
self_contained: no 
--- 
    Overview {data-orientation=rows data-icon="ion-ios-home"} 
===================================== 

<style> 
.colored { 
    background-color: #DDDDDD; 
} 
</style> 

    Row { .colored } 
------------------------------------- 

    ### Plot 1 

    ### Plot 2 

    Row 
------------------------------------- 

    ### Plot 3 

    ### Plot 4 
関連する問題