1 | 2 | 3 | 4 | 5 |最初 次ページ >>
2016-06-27 10:38:49

枠線を付けるには⑥

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


枠線を付けるには⑥


を書いていきたいと思います。


___________________________


枠線を付けるには⑥


border-styleプロパティで線の種類を指定する



<html>
<head>
<title>枠線の指定</title>
<style type="text/css">
<!--
h1{border-style:solid;}
h2{border-style:double;}
h3{border-style:dotted;}
-->
</style>
</head>
<body>
<h1>solid</h1>
<h2>double</h2>
<h3>dotted</h3>
</body>
</html>


___________________________



次回は、


位置によって異なるスタイルの枠線を付ける①


について、書いていきたいと思います。


では、また。



ペタしてね






AD
いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-26 15:59:28

枠線を付けるには⑤

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


枠線を付けるには⑤


を書いていきたいと思います。


___________________________


枠線を付けるには⑤


border-styleプロパティで線の種類を指定する


サンプルではh1タグにsolid、h2タグにdouble、
h3タグにdottedを指定したいと思います。


___________________________

none(初期値) 枠線なし
dotted      点線
dashed      ダッシュ
solid      1本線
double      2本線
groove      窪んだ線
ridge      盛り上がった線
inset      枠線がくぼむ
outset      枠線が盛り上がる
___________________________

___________________________



次回は、


枠線を付けるには⑥


について、書いていきたいと思います。


では、また。



ペタしてね






AD
いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-25 22:07:43

枠線を付けるには④

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


枠線を付けるには④


を書いていきたいと思います。


___________________________


枠線を付けるには④


border-styleプロパティで線の種類を指定する


border-styleプロパティに指定できる値は
の9種類です。

___________________________



次回は、


枠線を付けるには⑤


について、書いていきたいと思います。


では、また。



ペタしてね






AD
いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-24 15:55:35

枠線を付けるには③

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


枠線を付けるには③


を書いていきたいと思います。


___________________________


枠線を付けるには③


border-styleプロパティで線の種類を指定する


CSSの仕様上、このプロパティを指定しないと、
枠線の太さを指定するborder-widthプロパティ、

色を指定するborder-colorプロパティなどは、
指定できないことになっています。


___________________________



次回は、


枠線を付けるには④


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-23 15:39:37

枠線を付けるには②

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


枠線を付けるには②


を書いていきたいと思います。


___________________________


枠線を付けるには②


border-styleプロパティで線の種類を指定する


枠線を付けるにはborder-styleプロパティで
枠線の種類を指定します。

___________________________



次回は、


枠線を付けるには③


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-22 15:51:45

枠線を付けるには①

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


枠線を付けるには①


を書いていきたいと思います。


___________________________


枠線を付けるには①


CSSを使用することによって、
ほぼすべての要素に枠線を付けることができ、
さまざまな表現が可能になります。


border-style:枠線の種類


___________________________



次回は、


枠線を付けるには②


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-21 15:34:41

fontタグの置き換え⑤

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


fontタグの置き換え⑤


を書いていきたいと思います。


___________________________


fontタグの置き換え⑤


ここではspanタグを使っていますが、
色を変えたり大きくしたりするのが
強調の意味合いであればemタグstrongタグに
スタイルを設定するのが適切といえます。


<html>

<head>

<title>フォントの指定</title>

</head>

<body>

<p>文字を<font color="#ff0000">赤</font>する</p>

<p>文字を<font size="+1">大きく/font>する</p>

</body>

</html>


例2

<html>

<head>

<title>フォントの指定</title>

<style type="text/css">

<!--

span.red{color:#ff0000;}

span.larger{font-size:larger;}

-->

</style>

</head>

<body>

<p>文字を<span class="red">赤く/span>する</p>

<p>文字を<span class="larger">大き</span>する</p>

</body>

</html>



___________________________



次回は、


枠線を付けるには①


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-20 15:51:44

fontタグの置き換え④

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


fontタグの置き換え④


を書いていきたいと思います。


___________________________


fontタグの置き換え④


例えば、次回説明するソースはfontタグを使って
文字の色と大きさを部分的に変更していますが、


それをCSSを使って書き換えると、さらに下の
例2ソースのようになります。


___________________________



次回は、


fontタグの置き換え⑤


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-19 15:33:48

fontタグの置き換え③

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


fontタグの置き換え③


を書いていきたいと思います。


___________________________


fontタグの置き換え③


fontタグでは、size属性に大きさ、
color属性に色、face属性にフォントの
種類を指定していましたが、いずれも下表の
CSSプロパティで同じ効果を得ることができます。

___________________________

fontタグの属性   働き       CSSプロパティ
___________________________


size     フォントサイズを指定  font-size

color     フォントの色を指定   color

face     フォントの種類を指定  font-family
___________________________


___________________________



次回は、


fontタグの置き換え④


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
2016-06-18 09:35:05

fontタグの置き換え②

テーマ:HTMLの基礎

今日のブログランキングは?


人気ブログランキング参加中です!

よかったら、応援、宜しくお願いします!

     ↓

人気ブログランキングへ


こんにちは。ゆうのすけです。


fontタグの置き換え②


を書いていきたいと思います。


___________________________


fontタグの置き換え②


CSSプロパティで簡単に代用できるので
その方法を説明します。


___________________________



次回は、


fontタグの置き換え③


について、書いていきたいと思います。


では、また。



ペタしてね





いいね!した人  |  コメント(0)  |  リブログ(0)
1 | 2 | 3 | 4 | 5 |最初 次ページ >>

AD



【動画解説500分以上】初心者が自分で更新できる最短ホームページテンプレート



Yahoo!ブックマークに登録




大阪のホームページ制作サービス.com




無料アクセスUPを使って、自分のホームページをみてもらおう♪

アップアクセス

オレンジトラフィック

  • seo

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。