初心者のためのWEBデザイナーの教科書 > ■ Webデザインを学ぶ【初級／後編】 > ◎ 様々な演出効果 > body全体に枠を入れる

body全体に枠を入れる

ボーダーをボディ全体を囲む

ボーダーを使ったデザイン演出を紹介します。

<style>
html:before {
content: "";
position: fixed;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border:10px solid #B40003;//ボーダーの太さ・色
}
</style>

<style>

html:before {

content: "";

position: fixed;

z-index: -1;

top: 0;

left: 0;

right: 0;

bottom: 0;

border:10px solid #B40003;//ボーダーの太さ・色

}

</style>