メッセージの編集
お名前
本文
これでどうでしょう <style type="text/css"> @media screen and (min-width: 600px){ .width{ width: 600px; margin: 0px auto;} } body{ background: #fff; font-family: "Indie Flower","メイリオ"; font-size: 10pt; color: #7d7d7d; letter-spacing: 3px; line-height: 150%; background: -moz-linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); background: -webkit-linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); background: linear-gradient(left, #fff, #fff 50%, #a2d7dd 50%, #a2d7dd); -moz-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; } .title{ width: 200px; position: relative; z-index:10; background: #b7282e; color: #fdeff2; font-size: 24px; line-height: 1; border-radius: 5px; margin: 30px 0; padding: 14px 5px 14px 20px;} @media screen and (min-width: 600px){ .title{ width: 450px; } } .title:after{ content: ""; position: absolute; width: 0; height: 0; top: 0; right: -26px; height: 0; width: 0; border: 26px solid #b7282e; border-right-color: transparent;} .top{ background: #fff; border-radius: 5px; z-index:9; margin: -56px 10px 0px 20px; padding: 35px 10px 10px 10px;} a{ text-decoration: none; color: #dc143c; border-radius: 5px;} a:hover,active{ text-decoration: none; background: none; color: #f6bfbc;} </style> 追記 @media screen and (min-width: 600px){ .title{ width: 450px; } } 幅450pxだと横スクロールする機種があるので600以上の画面幅の機種だけに適応するようにしてみましたがお好みでどうぞ。
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -