css

Youtubeのレスポンシブ対応

投稿日:

.movieはiframeを囲うdivなど

.movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

 

-css

関連記事

no image

CSSのシャドウ

https://ics.media/entry/200406/?fbclid=IwAR1dyqZTB6WjXWOnrefCKXttwukvkkseTEWi2Hari_ozzPvgSrj1ADMKO60 …

no image

蛍光ペン効果

 background:linear-gradient(transparent 60%, #ff6 60%);

no image

何番目系CSS

種類 -child -of-type 最初 :first-child :first-of-type 最後 :last-child :last-of-type n番目 :nth-child(n) :nt …

no image

テーブルジェネレータ

excelからtableタグ作成 https://www.tablesgenerator.com/html_tables  

no image

placeholder(プレースホルダー)のCSS

:placeholder-shown { color: #CCCCCC;padding-top: 4px !important; } /* Google Chrome, Safari, Opera 1 …