横浜ワードプレス教室 社員研修 バナー画像のHTML/CSS化

WordPressスクールで管理しているワードプレス・サイトの https://パソコン教室横浜.net/ から他のサイトへリンクを設置しています。バナー画像へのリンク設定です。(Image Widgetワードプレス・プラグイン使用) 本日の社員研修の課題として、バナー画像をHTML/CSS置き換えることに挑戦しました。その結果を掲載します。 CSS /* 20171208 */ div.site-banner { height:70px; width:221px; margin-left:-10px; } div.site-banner:hover { transform:scale(1.05); } div.site-banner-inner { height:60px; width:211px; } .site-banner h1 { font-size:12pt; font-weight:bold; text-shadow: 1px 1px black; margin:2px; } .site-banner a { text-align: center; color:white; text-decoration: none; } .site-banner p { margin:0; font-weight: bold; } div.site-banner.blue { border: outset mediumblue 5px; […]