だから次は、上にテキストを追加して、このようにする必要があります。
幸いにも、これはこのイメージグリッドを作ることに比べて比較的簡単です。
最初にフォントを取得する必要があります。
このフォントはRailwayと呼ばれています。
今まで見てきたGoogleのフォントの1つです。
だから私はGoogleのフォントに行き、本物を探すつもりです。
さあ。
それはここで使用するトップのものです、そして、私は先に進み、正常をつかむつもりです。
そして、800をやろう。
HMOにこれを含めることにします。
だから私たちは今、そのフォントへのアクセス権を持っています。それから、テキストを追加するだけです。
まず第一に、私はそれを段落にしようと思っています。私はここで私の名前をスラッシュで区切っています。
私たちはここにあなたが望むものを置くことを知らせることができます。
これはテキサスの写真のブログや私のブログに歩くことができるかもしれないが、私はそれを単純にして保存しているいくつかのテキストを保存し、次に私たちはここで行くでしょう。
パラグラフを選択すると、実際にフォントファミリが表示され、最終的に何が表示されるのかを見てみましょう。
OK。
だから、最もエキサイティングではありません。
それほどまだありません。
それは小さすぎて、正しく配置されていません。
私たちは1以上を動かす必要があります。 6％も。
ちょうどこのイメージのように私たちはそこから始めることができます。
私たちがする必要があるのは、段落に行き、左余白を追加するだけです。それはちょうど1ポイント6 6パーセントです。
私たちは新鮮でOKです。
だから私たちがやりたいことは、確かにフォントサイズを増やすことです。
だから、私がここで使用したフォントサイズは23ピクセルで、それだけでなく、フォントウェイト800を使用したので、それを選択しなければなりませんでした。
だからここでフォントサイズは23ピクセルと言うでしょう。
私はそれがどのように見えるかをお見せします。
だから、それはもっと大きいですが、それはまだ大胆ではありません。
それでは、戻ってフォントの重さを追加します。
八百百救い。
今我々は秋に新鮮だった。
私は大文字のテキストを使用しなかったので、テキスト変換を使用してそれを行うことができます。あるいは、HDMIを変更することができます。
だから私はここでテキストを大文字に変換するつもりです。
これで大文字になりました。
そこに行く。
だから、文字列の長さが長い場合は、特に自分ですべての文字を再入力する必要がなく、プロパティを評価するために文字を追加するほうがはるかに簡単で簡単なため、テキスト変換を使用する簡単な例を見ることができます。
さて、最後に欠けているのはここの小さな線です。
私はそれがかなりかすかであることを知っていますが、ここにはラインがあり、それはこの最初のイメージに沿って進みます。
それは全体の30％を占めています。
それで、私たちがやることは、実際には、この段落の一番下にある検査されている底の境界線です。
だから、段落自体がここで終わる30％のところで段落自体が終わり、それから私たちが始まった底に接していることが分かります。
だから私たちのC SSと私たちの段落に戻ってみましょう。
最初に境界線をつけて開始してみましょう。開始することを明示してみましょう.3つのピクセルが赤く点灯するようにしましょう。
だから私たちは保存してリフレッシュして、境界線が完全に横切っていることを確認します。
そして私はそれがあまりにも悪くはないと思う。
私たちは間違いなくここでこれを修正したい。
しかし、そうするのではなく、横幅の30％しか変化しないように幅を変更するつもりです。
だから私たちはそれから始めます。
つまり、幅を段落30％に設定するだけです。
OKだからここで終わり、次に色が一致するので、私が使用する色は非常にかすかなものになります。
ここでこれを変更するつもりです。
これは16進数の色です。
EF 1 EF 1 EF 1はそのように見えます。
あなたはそれが非常にかすかなことを見ることができ、私は3ピクセルではなく2ピクセルでそれを持っていたと思う。
とても小さな変化。
これを2ピクセルに変更し、最後のものは間隔です。
ここでは、テキストと境界の間にスペースがあることがわかります。
そしてここでは、要素とその境界の間のスペースがパディングであることを覚えていません。
だから私たちが検査すれば、そこに緑色の詰め物があることを確認することができます。
だから私たちはここでもパディングをする必要があります。
だからRCのSSで我々はちょうど20ピクセルの下にパディングを行うつもりだし、我々はリフレッシュに戻るでしょう。
そして今、私たちはそこに少しスペースを持っています。
今はもちろん、これを使って遊んでも構いませんが、好きな行を好きにしていれば、好きであれば好きです。
3つではなく画面全体に多くの画像を表示したい場合は、パディングを削除するか、パディングを追加したい場合は、テキストを大きくしたいとします。
あなたができることは何でもあります。
そうですね、私はあなたがいくらかOKに見えるものを作ることを楽しんでいたことを願っています。