「Html/その他」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→文字と画像の縦をそろえる) |
(→中央中断に画像表示) |
||
| 行20: | 行20: | ||
<body> | <body> | ||
<div style='width:300px;height:400px;text-align:center;vertical-align: middle;display:table-cell;' > | <div style='width:300px;height:400px;text-align:center;vertical-align: middle;display:table-cell;' > | ||
| − | <img width='200px' src='/hogehoge. | + | <img width='200px' src='/hogehoge.png' /> |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
</pre> | </pre> | ||
2019年5月10日 (金) 18:02時点における最新版
iframeにリッチテキストを導入
http://d.hatena.ne.jp/lurker/20060930/1159617939
薄いhr線
hr {
border: 1px #ff0000 solid;
background-color: #ffdfe2;
height: 10px;
}
右左矢印
« (＆laquo;) » (＆raquo;)
文字と画像の縦をそろえる
<img src="hoge" style="vertical-align:middle;">
中央中断に画像表示
<html> <body> <div style='width:300px;height:400px;text-align:center;vertical-align: middle;display:table-cell;' > <img width='200px' src='/hogehoge.png' /> </div> </body> </html>
