Hatena Blog Tags
はてなブログ トップ
background-image
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

background-image

(ウェブ)
【ばっくぐらうんどいめーじ】

CSSのプロパティの一つ。背景画像を指定する。
指定できる値は

<uri> | none | inherit

具体的には、

body {
 background-image:url(xxx.gif);
}

と指定する。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
WEBデザイナーになりたいnet•13日前

WEBデザイナーのためのhtmlコーディング練習

Webデザイナーとして活躍するためには、HTMLコーディングのスキルは不可欠です。本記事では、WEBデザイナーの方々に向けて、HTMLコーディングの練習におけるポイントを徹底解説します。以下は、この記事で取り上げるポイントを示した目次です。 1. **HTMLコーディングの基礎を理解しよう** - HTMLの基本構造とタグの使い方 - セマンティックなHTMLの重要性 2. **HTML5の新機能を活用したコーディングテクニック** - 新しいセクション要素やフォーム要素の活用方法 - CanvasやVideoなどのマルチメディア要素の使い方 3. **SEO対策に役立つHTMLタグの使い方*…

ネットで話題

もっと見る
1453ブックマークBackground Image Makerlab.rails2u.com
209ブックマークWeb2.0 アプリケーションライク な背景画像を生成する Background Image Makerhttp://lab.rails2u.com/bgmaker/ ウェブサイトのデザインをしているとき、自分はCSSを利用します。そのCSSを書いていて、「ああ、こんな背景画像がほしーな」と思うと、今までは画像編集ソフトでちまちま作ってSCPでサーバにアップして確認し「いやここはもうちょいこうした方が」とまた少しだけ修正してアップして…と...secondlife.hatenablog.jp
171ブックマークDD_belatedPNG: better PNG background-image support in IE6Long story short, this uses Microsoft's implementation of VML instead of Microsoft's AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known abo...www.dillerdesign.com
138ブックマークUsing jQuery for Background Image Animationssnook.ca
94ブックマークPerfect Full Page Background Image | CSS-Trickscss-tricks.com
67ブックマークBeautiful Background Image Navigation with jQuery | Codropstympanus.net
63ブックマークWeb 2.0風の背景画像を作る「Background Image Maker」 - ネタフルnetafull.net
58ブックマークFullscreen Background Image Slideshow with CSS3tympanus.net
57ブックマークシンプルな背景パターン画像を作成する無料サービス「Background Image Maker」gigazine.net

関連ブログ

トムPay•18日前

4月21日まで！1000円即日貰えるポイ活サイトワラウとは？

当ブログを運営しているトムPayが利用している物や利用したことがあるものを個人的な感想を簡単に添えてご紹介します。 リンクから各紹介している物に登録するかお友達紹介コードを入力すると、特典がもらえますので是非ご活用ください(o・ω・o)。 ※このブログはアフィリエイトに参加しております。が、誇張評価等は一切しておりません。 このブログの運営者 トムPay ◆ポイ活歴5年◆ブログ歴約1ヶ月◆ブログ月間PV約4桁〜5桁 「誰でも」「コツコツ」「簡単に」「分かりやすく」「ためになる」を心がけて発信しています ポイントサイト実績■ワラウ認定 ワラウフレンズ お得情報発信中！公式LINEではいち早く情報…

Life Plus•19日前

【コピペOK】はてなブログの見出しデザインに使える囲み枠（囲み線）のおすすめ15選

ブログの見出しデザインには、囲み枠（囲み線）を活用することで、記事やタイトルを引き立たせることができます。そこで今回は主にはてなブログで使用できる囲み枠（囲み線）のデザインを紹介していきます。 使い方 囲み枠（囲み線）デザイン まとめ 使い方 はてなブログで使用する場合は、記事を作成する際に「HTML編集」のタブを開いて、そこにコピペしたコードを貼り付けるだけでOKです。 色を変えたい場合は、「#〇〇〇」の部分に好きなカラーコードをコピペすれば色を変更することができます。 moneyplus.hatenablog.jp 囲み枠（囲み線）デザイン ここからはコピペするだけで簡単にすぐ使えるデザイ…

kafues511•20日前

ttkbootstrap レイヤー機能付きの画像表示キャンバスを作ってみた

始まり きっかけ 要件 実装 OpenCV (cv2) の使用は意図的に避けています レイヤーウィンドウ (Layers Window) の位置を固定化するの大変だった おわり!!! 雑談 始まり ペイントソフトに搭載されているレイヤー機能などをtkinterのCanvasで使えるようにしていきます。 きっかけ 本機能（ウィジェット）は、恋愛ADVに特化したOCR開発のデータセット作成フローで使用することを想定しています。 開発中の画面たち簡易的なウィジェットは以前作ったのですが、画像の拡大ができなかったり、背景画像と文字画像の差分描画ができなかったり、幾つか不便な点がありました。そのため、F…

じゃあ、おうちで学べる •22日前

go-rod/rod でブラウザ自動化とWebスクレイピングをやっていく

はじめに Webスクレイピングの需要が高まる中、Goで実装する機会が増えてきました(よね?)。Goの豊富な標準ライブラリとシンプルな文法は、スクレイピングのような自動化タスクと非常に相性が良いです。 が、今回はGoの有力なスクレイピングライブラリの1つである go-rod/rod の特徴を掘り下げながら、実際に現在所属している組織のサイト3-shake.comのWebサイトをスクレイピングする方法をご紹介します(広告的に許してくれ)。 github.com はじめに go-rod/rod の概要と特徴 インストールと基本的な使い方 3-shake.com のスクレイピング サービス情報の抽出 …

コハム•1ヶ月前

ユーザーはあなたのデザインを好まない（かもしれない）

Your user doesn’t prefer your design 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 デベロッパーやデザイナーとして、私たちはウェブサイトを構築する際に多くのデザイン上の決断を下します。私たちはすべての人に対応しようとしますが、それは不可能なことです。では、どうすればユーザーの好みに耳を傾けることができるでしょうか？ 最近、アップルの新しいVision Proが話題になっています。この新しいデバイスは、新しいVisionOSに新しいデザイン言語を搭載しています。私が目を引いた主な特徴のひとつは、いたるところ…

トムPay•1ヶ月前

ポイ活ならワラウ　1000円貰えるキャンペーンとは？！

当ブログを運営しているトムPayが利用している物や利用したことがあるものを個人的な感想を簡単に添えてご紹介します。 リンクから各紹介している物に登録するかお友達紹介コードを入力すると、特典がもらえますので是非ご活用ください。 ※このブログはアフィリエイトに参加しております。が、誇張評価等は一切しておりません。 このブログの運営者 トムPay ◆ポイ活歴5年◆ブログ歴約1ヶ月◆ブログ月間PV約4桁〜5桁 「誰でも」「コツコツ」「簡単に」「分かりやすく」「ためになる」を心がけて発信しています ポイントサイト実績■ワラウ認定 ワラウフレンズ お得情報発信中！公式LINEではいち早く情報をお届け&プレ…

tomtomst【電子工作 DIY】•1ヶ月前

お天気時計の作成(その１:時計表示)

Raspberry pi zero 2Wを入手したので備忘録として書きます。 表示イメージ 表示エリア プログラム プログラムの説明 実行結果 表示イメージ Raspberry pi zero 2Wを使用して下図のような表示を行う「お天気時計」を作成しようと考えています。 LCDは前回紹介した3.2インチのタッチパネル付きLCDになります。 （前回のLCD接続確認はこちらです） 表示エリア 先ほどの表示イメージを下図のように５つのエリアに区切って、１つ１つ作っていきたいと思います。今回は、「日付と時計表示エリア」になります。 プログラム 作成したプログラムはこちらになります。 ファイル名：LC…

UE4の勉強記録•1ヶ月前

UE5の勉強 -映像作品としてのLandscapeを作成する-

１．今週の予定 今週からやっと普通のScheduleに戻ります。 ＜映像作品としてのLandscapeの作成＞ Kiri Engineを試してみます。 ＜Niagara の勉強＞ 「Unreal Engine 5で学ぶビジュアルエフェクト実装 基本機能からNiagara、シミュレーションまで」の実装の続きをやります。 ＜Materialの勉強＞ Ben Cloward先生のTutorialを勉強します。 ＜Gaeaの勉強＞ GaeaのTutorialを作成します。 ＜Houdiniの勉強＞ Castle Wall Tool [1]の勉強をやります。 ＜UEFNの勉強＞ Pi Equals Th…

トムPay•1ヶ月前

ポイ活するならワラウ　1000円貰えるキャンペーン紹介リンクあり　メリット、デメリットを解説

当ブログを運営しているトムPayが利用している物や利用したことがあるものを個人的な感想を簡単に添えてご紹介します。 リンクから各紹介している物に登録するかお友達紹介コードを入力すると、特典がもらえますので是非ご活用ください。 ※このブログはアフィリエイトに参加しております。が、誇張評価等は一切しておりません。 このブログの運営者 トムPay ◆ポイ活歴5年◆ブログ歴約1ヶ月◆ブログ月間PV約4桁〜5桁 「誰でも」「コツコツ」「簡単に」「分かりやすく」「ためになる」を心がけて発信しています ポイントサイト実績■ワラウ認定 ワラウフレンズ お得情報発信中！公式LINEではいち早く情報をお届け&プレ…

Marpのテーマ屋さん•1ヶ月前

緑のグラデーションとアクセントを使用した、魅力的なプレゼンテーション用Marpテーマ

このテーマの特徴 このテーマを利用する CSS Marpのサンプル このテーマの特徴 特徴: グラデーション背景: セクションとタイトルのスライドに、緑がかったベージュから白へのグラデーションの背景が使用されています。 緑色のアクセント: ヘッダー、フッター、セクションタイトルなどのデザイン要素に、鮮やかな緑色（#319177）が使用されています。 見出し: 見出しは大きく、太字で表示され、コントラストの高い緑色が使用されています。 セクションタイトル: タイトルスライドには、大きく中央揃えのテキストと緑色の背景を使用し、印象的な視覚効果を生み出しています。 コンテンツセクション: コンテンツ…

Marpのテーマ屋さん•1ヶ月前

医療専門家向けのエレガントかつプロフェッショナルなmarpテーマ

このテーマの特徴 このテーマを利用する CSS Marpのサンプル このテーマの特徴 医療専門家向けmarpテーマ このテーマの特徴は以下の通りです。 エレガントでプロフェッショナルなデザイン: 病院や医療機関にふさわしい、落ち着いた青と白の色調を使用しています。 見出し重視: h1、h2、h3の見出しに太字を設定し、読みやすさを向上させています。 セクションの視覚的区別: タイトルセクションは背景画像を使用して、他のセクションとは視覚的に区別されています。 強調表示機能: テキスト選択時に強調される色として、テーマカラーの青を使用しています。 カスタムフォント: ヘルベチカフォントを使用する…