border 枠線--人気ホームページが作れる簡単作成講座

トップページ　＞　Webデザイン　＞　

border 枠線

レイアウトを分けるラインをひいたり、目立たせたい文章を囲ったりよく使うCSSの一つです。枠線の場所、色、太さ、スタイルを細かく設定でき、背景色と合わせて、文字装飾によく使われます。

枠線の太さを指定する

border-width : 1px

枠線のスタイルを指定する

border-style : solid

枠線の色を指定する

border-color : #FF0000

記述の簡略化

borderは簡略化して記載することができます。

border-width: 1px
border-style:solid
border-color:#FF9900

↓

border: 1px solid #FF9900　　　（順不同）　

枠線の箇所を指定する

top right bottom leftで枠線の箇所を指定することができます。

border-bottom:2px dotted #FF0000;

bottomを指定することで下の枠線のみ表示させることができます。

応用編です。各枠線の箇所には別々の線を表示させることもできます。

border-bottom:2px dotted #FF0000;
border-left:5px solid #0000FF;

bottomとleftを指定することでそれぞれ別の枠線を表示させることができます。

＜＜前のページ　　次のページ＞＞

このページをブックマークする→　

Yahoo!ブックマークに登録

Webデザイン

Webデザイン力を磨いて、自分らしいホームページを作ろう

分かりやすいがアップさせるWebデザイン

見るメディアではなく、使うメディア
ホームページ全体のデザインに統一性を持たせる
レイアウトにルールを持たせる
ナビゲーションに統一性を持たせる
現在地を示す
リンクをはっきりと示す

色を味方に付けるWebデザイン

色の基本を学ぶ
色の持つイメージからテーマカラーを決める
配色のポイント（減らす、無彩色）
読みやすさを損なわない配色

XHTMLとCSS(スタイルシート）の理解を深める

XHTMLとCSSを理解することがデザイン性を高める
ホームページ作成ソフトがダメにした

▼すぐに役立つXHTML/HTML

▼すぐに役立つCSS（スタイルシート）

ホムつくメールマガジン　～プロが明かす～これが人気ホームページの裏側だ！

　（「まぐまぐ」にて殿堂入りしました）
ホームページ作成を一人で頑張るのもいいですが、仲間と一緒に頑張りませんか？
人気ホームページの作り方やホームページ運営者の生の声などの情報を発信していますので、ぜひあなたも購読してみてください。

ホムつく講座の講師は
こんなヤツ！

ホムつく講座の講師はこんなヤツ！ホームページを作っていたら、この楽しさを、あなたに伝えてくなりました。ホムつく式のホームページの作り方を体験してみてください。
→プロフィール
 →お問い合わせ

ホームページ作成に
必要なものは？

ホムつく講座がおすすめするソフトやレンタルサーバーを紹介しています。初心者の方や、悩んでいる方は是非参考にしてみてください。

→スタートガイド

ホームページを初めて作るのですが・・

ホームページはXHTMLとCSSで作ります。ほむつく講座では初心者の方にわかりやすいと評判の初心者講座があります。

→初心者講座

もっとデザインを
良くしたい

ホムつく講座では見た目だけが良いデザインではなく、ユーザー（利用者）の方が安心して、ホームページを閲覧できるデザインを学べます。

→Webデザイン

ホームページにアクセスが集まりません

ホームページは作れば沢山のアクセスが集まるわけではありません。そして、アクセスが多いだけのホームページでも意味がありません。あなたのファンができる人気ホームページを作り方を学びましょう。

→人気ホームページ