Htmlタグ辞典+css

▼基本となる html タグや CSS を紹介しています。

 

 

 

quetion

 

素材メニュー

 ◆html

<!DOCTYPE>  
<html>  

 ◆色見本

 ◆Head系

 ◆Body系

 ◆文字系

 ◆見出し・段落

 ◆画像系

 ◆リンク系

 ◆テーブル系

 ◆フォーム系

 ◆フレーム系

 

 

当サイトはロリポップを利用しています。
高機能ながら安価な料金で利用できるのでお勧めです。

↓↓↓ ↓↓↓

 

 

ドメインを取るならここ!
69円~独自ドメインが取れます。

↓↓↓ ↓↓↓

PHPを学ぼう! | htmlタグ辞典+css | パワーポイントで作るYouTube動画!



◆CSS要素 - 1行目に適用

要素名:first-line{ ~ }

指定したブロック要素の1行目に表示される部分にスタイルを適用します。
要素名に「#ID名」や「.クラス名」を指定することができます。

 

【index101_6.html】

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>1行目に適用 - htmlタグ辞典+css</title>
<style type="text/css">
<!--
p{ margin:0; }
p:first-line{
  color:#ffffff;
  background:#ff0000;
}

-->
</style>
</head>
<body>
<p>
「first-line」は、一行目だけにスタイルを適用させる擬似要素です。 擬似要素のスタイルについては、必ずセレクタの最後の部分で使用することに注意してください。 テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト テスト
</p>
</body>
</html>

 

表示は、こちらのサンプルから確認できます。

 

  

  


 

 

 

 

 

サイトキャラクター

 


 

 

CSSについて

 ◆CSSについて

 ◆CSSの適用

 ◆テンプレート

縦段組み  

 

制作ヒント

 ◆制作のヒント

 

htmlタグとCSSを理解すれば思い通りのホームページが作れるよ!

↓↓↓ ↓↓↓

スラスラわかるHTML&CSSのきほん 第2版

 

 

やっぱりホームページはソフトで作りたい!
そんなあなたにお勧めのホームページビルダー。

↓↓↓ ↓↓↓

ホームページ・ビルダー21 スタンダード 通常版

【関連サイト・リンク】

PHPを学ぼう! htmlタグ辞典+css おサルさんでもわかる? ホームページ作り! パワーポイントでYouTube動画を作る! 準備中 準備中 準備中

▲UP

Copyright (C) Ooedo21.com 2019. All Rights Reserved.