sirakabaararagi https://blog.hatena.ne.jp/sirakabaararagi/ ウェブ家の備忘録 https://sirakabaararagi.hatenablog.com/ PHP HTML CSS 実行結果 サブタイトル <style> .example { position: relative; } .example p { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin:0; padding:0; /* 文字装飾は省略 */ } .example img { width: 100%; } </style> <div c… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsirakabaararagi.hatenablog.com%2Fentry%2F2019%2F04%2F29%2F225959" title="タイトル用の画像の上に文字を載せるコード - ウェブ家の備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://reform-ifuji.jp/wp-content/uploads/2019/01/opblog1000150.jpg Hatena Blog https://hatena.blog 2019-04-29 22:59:59 rich https://sirakabaararagi.hatenablog.com/entry/2019/04/29/225959 1.0 100%