左上にマステ
【html(直接css)】
<div style="position:relative; background-color:#ecf; margin:15px 5px; padding:30px 10px 10px 10px; border:solid 1px #ddd; box-shadow:1px 2px 5px rgba(0,0,0,0.3);">左上にマステが貼られた紙に書く文章<div style="position:absolute; top:-10px; left:50px; display:block; transform:rotate(-5deg); -webkit-transform:rotate(-5deg); border-left:dotted 2px rgba(0,0,0,0.2); border-right:dotted 2px rgba(0,0,0,0.2); box-shadow: 0 0 3px rgba(0,0,0,0.3); background-color:rgba(255,255,255,.5); padding:3px 20px;font-size:1.2em;">マステに書く文字</div></div>
マステに書く文字
マステに書く文字数は全角文字なら4〜10字を推奨します。文字数に関わらず一定の長さにしたい場合は最後のほうにある『padding:3px 20px;』の代わりに『width:150px;height:30px;』などを入れてください。

TOPSUBCSS実験室

*前139次#

「#幼馴染」のBL小説を読む
BL小説 BLove
- ナノ -