下記は、スタイルコードを使用した背景色の設定方法です。背景色は任意のカラーコードにて変更可能です。

スタイルコード「lx_mcol_bg_rgbfff6eb」の 「rgb」以降 を、ご希望のカラーコード（6桁）に置き換えてください。
 

※右サイドにあるアクションバー内の「カラムの装飾」を利用した背景色の設定も可能です。詳細は「サポートデスク」の標準マニュアル「カラムの装飾」をご参照ください。

１．ブラウザ幅全体に指定した色の背景を設定

スタイルコード：

lx_mcol_bg_rgbfff6eb lx_mcol_mt30

 

＊＊＊ カラム ＊＊＊

２．カラム単位（1カラム）に指定した色の背景を設定

スタイルコード：lx_col1_bg_rgbfff6eb lx_col_mt30

 

＊＊＊ カラム ＊＊＊

２-1．角丸の設定：カラム単位（1カラム）

※角丸の角度は、1～99まで変更が可能です。

スタイルコード：lx_col1_bg_rgbe5ffe5 lx_col_mt30 lx_col_round_corner30

 

＊＊＊ カラム ＊＊＊

３．カラム全体（2カラム）に指定した色の背景を設定

スタイルコード：

lx_mcol_bg_rgbfff6eb lx_mcol_mt30 lx_mcol_narrow

 

＊＊＊ カラム ＊＊＊

＊＊＊ カラム ＊＊＊

３-1．角丸の設定：カラム全体（2カラム）

※角丸の角度は、1～99まで変更が可能です。

スタイルコード：

lx_mcol_bg_rgbe5ffe5 lx_mcol_mt30 lx_mcol_narrow lx_mcol_round_corner30

 

＊＊＊ カラム ＊＊＊

＊＊＊ カラム ＊＊＊

４．カラム単位（2カラム）に指定した色の背景を設定

スタイルコード：

lx_col12_bg_rgbfff6eb lx_col_mt30


＊＊＊ カラム ＊＊＊

＊＊＊ カラム ＊＊＊

４-1．角丸の設定：カラム単位（2カラム）

※角丸の角度は、1～99まで変更が可能です。

スタイルコード：

lx_col12_bg_rgbe5ffe5 lx_col_mt30 lx_col_round_corner30


＊＊＊ カラム ＊＊＊

＊＊＊ カラム ＊＊＊

５．1カラム目のみ、指定した色の背景を設定

スタイルコード：

lx_col1_bg_rgbfff6eb lx_col_mt30 

 

＊＊＊ カラム ＊＊＊

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

５-1．角丸の設定：1カラム目のみ、指定した色の背景を設定

※角丸の角度は、1～99まで変更が可能です。

スタイルコード：

lx_col1_bg_rgbe5ffe5 lx_col_mt30 lx_col_round_corner30

 

＊＊＊ カラム ＊＊＊

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

［背景カラーコードのサンプル例］

 

fff2e5

 

ffffe5

 

e5ffe5

 

e5f2ff

 

e5e5ff

 

f2e5ff

 

ffe5e5

 

f2f2f2

 

fff9f5

 

f5f5dc

 

f5fffa

 

f0f8ff

 

f4f9ff

 

f5ecf4

 

fdede4

 

f5f5f5