CSSの詳しい取り扱い説明書です【機能辞典】

作品説明間の機能 ページ31

皆さん久しぶりです


今回はですねまた新しく機能を見つけたので更新したいと思います


div#desc{
background-image:url();
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:500px;
overflow:auto;text-align: center;
}

これなんですけどtext-align: center;を加えてみましたこれをすると

星の世界【CSS配布】

にあるように最初から作品説明の部分の文字を真ん中にすることができます

逆に真ん中にしたくない時は外してください

それと作品説明の画像が大きすぎる場合はサイズを調整できます

height:500px;の部分を最大で900までできます


スクロ−ルしたい場合は下にこれを加えるだけです

@media screen and (max-width:600px){div#desc{height:345px;}}

全体画面の透明化→←目標でのおしゃれ機能

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す