2016-05-26 21 views
-1

私はこのイメージを持っています(それはHERE IMAGEを言う場合を除く)は、画像画像からHTML/CSSを作成するための最良の方法

+0

それは絶対に可能です。しかし、あなたがやっていることは、コンバートしているのではなく、HTMLやCSSでもっと再作成していることです。 – rsn

+1

幸い、バディ:https://jsfiddle.net/9xbfnz4d/ – rsn

答えて

0

それはテキスト

なし(黒とオレンジの層)である

    1. シンプルなテイク背景画像ません
    2. テイク背景画像、テキストレイヤーのために左と右のセクションのためのCSSを経由して

    3. つのdiv

    はそれがお役に立てば幸いです。

  • 1

    これを分解すると、2つのdiv(1つのオレンジ、1つの灰色)と境界線を持つかなりラッパーです。唯一本当に難しい部分は斜めの行です:これは:before sudo要素を使って行うことができます。

    <wrapper> 
        <left></left> 
        <right></right> 
    </wrapper> 
    

    https://jsfiddle.net/Kiaaanabal/31q37u73/

    +0

    私は電子メールの署名でこれを使用できますか?あなたはCSSを含めることができますか、またはCSSタグをHTMLタグに入れなければなりませんか? – charlie

    +0

    ええと、私は電子メール署名に画像を使用します。私は、すべてのメールクライアントが許す範囲で異なると感じています。 – kiaaanabal

    +0

    ここを見て - https://jsfiddle.net/31q37u73/1/ - 別のCSSコードとして持っているよりも、CSSをHTMLに入れる方法はありますか? – charlie