トラブル：背景色の変更で枠線も変更になる

HTML スタイル CSS background-color border Edge Firefox Chrome

.code{white-space: pre; font-family: monospace; line-height: 1em;} dl.list > dd + dt { margin-top:.5em; } .answer{border-bottom: 2px solid green; border-left: .5em solid green; padding-bottom: 2px; padding-left: .5em; padding-top: .25em; m…

#html #css #背景色

2021-03-26

HTML 要素の位置とサイズを取得する

HTML HTML5 JavaScript jQuery 位置サイズ

dd { margin-left:0em ; padding-left:0em; } /* ul > li { margin-left:0em ; padding-left:0em; } */ .c1 { white-space:pre; vertical-align:top; }; .c2 { white-space:pre }; --> ページ下部に図でも示しています。画面サイズ・ // 画面の縦サイズ（…

#html #位置 #サイズ

2019-05-25

ページ全体を半透明で覆う HTML

HTML HTML5

ページ全体を半透明で覆う HTML <html><head><meta charset="UTF-8"/><style>.filterBlack{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; opacity: 0.7; background-color: black;}</style></head><body><div class="filterBlack"></div><div>（適当なコンテンツ内容）</div></body></html>

#html #半透明 #全体