/* グラデーション */ h1 { color: #FF8C00; background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:50px; padding: 1ex 1em 1ex 1em; font-weight:bold } /* 横並びのメニュー */ nav { list-style: none; } #nav li { width: 140px; text-align: center; background-color: #333; display: inline-block; } #nav li a { text-decoration: none; color: #fff; font-weight: bold; } /* 画像に透明の背景のもじ */ /* 全体の枠(親要素) */ .image-text { position: relative; } /* 重ねる文字(子要素) */ .text1 { position: absolute; bottom: 10px; left: 10px; width: 50%; color: red; background-color: #fff; opacity: 0.7; padding: 15px; font-size: 20px; line-height: 130%; }