[
[返信する]]
小説のデザインで
by 匿名
2021-03-30 20:30
背景を白くしたくて、
タイトル(リスト)の行間を空けたいんですよ。
あと、h1の色が黄色なのですが、見づらいので……、
これらを変えるにはどうしたらいいですか？
<style type="text/css">
<!-- body{
line-height: 20px;
font-size: 11px;
width: 100%;
padding: 0px;
margin: 0 auto;
letter-spacing: 2px;
background-color: #fffff9;
color: #7d7b83;
font-family: "Antic", "メイリオ";
}
#wrap{
width: 100%;
max-width: 320px;
margin: 20px auto;
}
a{
color: #25b7c0;
border-bottom: dashed 1px #ef857d;
text-decoration: none;
}
a:hover{
color: #ef857d;
}
#button{
text-align: center;
}
#button a{
background: #180614;
border: solid 1px #180614;
border-radius: 3px;
padding: 4px;
margin: 0 1.5em;
}
#button a:hover{
background: #fff;
border: dashed 1px #ef857d;
}
h1{
text-align: center;
font-size: 13px;
color: #fff;
text-shadow:
2px 0px 4px rgba(255,243,82,0.5),
0px 2px 4px rgba(255,243,82,0.5),
-2px 0px 4px rgba(255,243,82,0.5),
0px -2px 4px rgba(255,243,82,0.5);
}
h2{
text-align: center;
font-size: 11px;
font-weight: normal;
color: #ef857d;
border-bottom: solid 1px;
padding: 0 2em 2em;
margin: 0 5em;
}
--></style>
pc
[編集]
by とくめい
2021-03-31 22:53
body{
line-height: 20px;←行間はここで指定されていますからこの数値を変えてみましょう。単位なしの1.8;や2.0;といった指定方法なら文字サイズが大きくなっても自動で行間が広がります。
ただしこれはページ内一括の指定です。もし#list#の部分だけ行間が狭いなら表紙画面レイアウトや目次画面レイアウトで別の指定があるかもしれません。その場合はそれらの画面の内容も書き出してください。
font-size: 11px;
width: 100%;
padding: 0px;
margin: 0 auto;
letter-spacing: 2px;
background-color: #fffff9;←背景色です。
color: #7d7b83;←文字色です。背景色を変えて文字が見にくくなったらここで文字色を変えましょう。
font-family: "Antic", "メイリオ";
}
h1{
text-align: center;
font-size: 13px;
color: #fff;←文字色は白ですが下のテキストシャドウで色をつけているのでしょう。
text-shadow:
2px 0px 4px rgba(255,243,82,0.5),←この数値を弄ってください。この下の3行も同様です。0.5というのは透過度です。
0px 2px 4px rgba(255,243,82,0.5),
-2px 0px 4px rgba(255,243,82,0.5),
0px -2px 4px rgba(255,243,82,0.5);
}
色の種類や書き方は色見本サイトさんなどで調べてください。
pc
[編集]
by 匿名
2021-04-01 09:49
親切に教えて下さってありがとうございます！無事に変えられたので、とても助かりました。
pc
[編集]
[返信する]
[
戻る
]
[返信する]]
2021-03-30 20:30
pc
戻る
]