スタイルシートの切り替え例

代替スタイルを選択すると、見出しテキストなどの色が変化します。

固定スタイルの内容(common.css)


body {
margin: 20px;
padding: 0;
background-color: #ffffff;
color: #000000;
}

h1 {
font-size: 200%;
}

h2 {
font-size: 150%;
}

pre {
padding: 10px;
font-size: 100%;
}

優先スタイルの内容(basic.css)


h1 {
color: #ff0000;
}

h2 {
color: #ff0000;
}

pre {
border: 2px #ff0000 solid;
}

代替スタイルの内容(alt.css)


h1 {
color: #0000ff;
}

h2 {
color: #0000ff;
}

pre {
border: 2px #0000ff solid;
}

前のページに戻る