イノベーション エンジニアブログ


株式会社イノベーションのエンジニアたちの技術系ブログです。ITトレンド・List Finderの開発をベースに、業務外での技術研究などもブログとして発信していってます!


このエントリーをはてなブックマークに追加

Tag: C-S-S


  1. HTMLメールを送るときにはメーラの対応状況が気になる

    おはようございます! 最高の気候のなか、みなさまいかがお過ごしでしょうか? 矢ヶ崎です。 改めてHTMLについて考えてみる 突然ですが、昨今はHTMLでのメール作成がデフォルトになってる場面が多くなってきている気がしています。 プレーンテキストで書くよりも、いろいろな表現ができて、とても良いですよね。そう思います! まるでWebSiteのようなメールが届くことも少なくなくなってきており、特に海外のツールのアップセルを促すメールはHTMLでのパターン化が進んでいる所感です。 しかし! メーラによって見え方がかなり違ったりしますね。 私は、Gmail(Web)をメインに、他にはGmailアプリ(Android/iOS)、iPhoneのメール、Outlook(Web)、Thunderbird(M…

    Yagasaki, CSS, Outlook, Mail

  2. CSSでアコーディオンメニューを実装

    こんにちは、亜美です。 一ヶ月ぶりにブログを書きます。 CSSでaccordionメニューを作りました! 完成品 <!DCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> .menu { width: 320px; margin: 0 auto; } .menu a { display: block; paddin…

    AMI, HTML, CSS, accordionMenu

  3. 梅雨なのでCSS画像切り替え3種

    梅雨ですね。AMIです。 魔が差して書いてみました。よければご覧ください。 ホバーすると鋭くKTNさん HTML <!DCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <style> div.img { width: 394px; height: 425px; background: url(josei.png) no-repeat; } div.img:h…

    HTML, CSS, AMI

  4. CSSの三角形でいろいろ作る

    こんにちはAMIです 最近、CSSで三角形を作る方法を覚えたので、三角形を使って幾つか作ってみようと思います。 borderの一辺を使って、三角形を作ります 三角形の作り方の流れは以下のとおりです。 ・四角形にborderを設定する ・4辺をそれぞれ違う色に設定するとこんなふうになっているので ・四角形のwidthとheightを0にして ・bottom以外の辺を透明にすると、三角形の完成! HTML <div class="sample"></div> CSS .sample { width: 0px; height: 0px; border: 50px solid; border-color: transparent; b…

    CSS, triangle, AMI