Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【画像の上に半透明レイヤーで文字を重ねる方法】

f:id:wp-lesson:20170331220048j:plain

1年以上前から定期的にレッスンを受講しておられる
現役デザイナーさん。
 
HTML未経験の状態からスタートしましたが、
今ではレスポンシブ(スマホ対応)サイトの作成にまで
ステップアップしていらっしゃいます。
 
先日のレッスンでは、今やブログ以外でもお馴染みの、
 
『サムネイル画像の上に半透明のレイヤーで文字を重ねる』
 
というUIデザインの作り方を学んでいただきました。
 
 
<サムネイル画像に文字入りレイヤーを重ねる方法>
 
1.文字入りレイヤー用のタグを記述する。
2.CSSでレイヤーを浮かせる。
3.CSSでレイヤーの配置をサムネイルに揃える。

 

PR

CODEMYのマンツーマンレッスンでは、WordPress
HTML5やCSS3を基礎からしっかり学びたい方のために、
コース学習の中でカリキュラムをご提案致します。
 
▼無料相談をお気軽にご利用ください。
http://codemy-lesson.office-ing.net/contact
 
━━━━━━━━━━━━━━━━━━
講師が執筆した本が発売されました
━━━━━━━━━━━━━━━━━━
 
WordPressのツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2nd7Ia5
 
『ホームページ作成のツボとコツがゼッタイにわかる本』
 
Amazonで概要を見る
http://amzn.to/2bXJkbs
 
━━━━━━━━━━━━━━━━━━
CODEMYのオンラインレッスン
━━━━━━━━━━━━━━━━━━
 
【1】自宅でマンツーマンレッスン
http://codemy-lesson.office-ing.net/

知りたいことだけ学べる個人レッスンです。

 
【2】動画と個別添削のプログラミング講座
http://bit.ly/2h7ZeRJ
 

HTML/CSS/JavaScriptの基本が身に付くレッスンです。

↓無料体験はこちら
http://bit.ly/2hw7mIy