タイトルのためにこの形を作るには？

-2

タイトルのためにこの形を作りたいと思います。私はこの形を作るために使用する必要がありますどのようなHTMLとCSSタイトルのためにこの形を作るには？

？

出典

2017-11-11 Kate Park

国境を左右してみてください。また、検索によって回答が得られます。あなたのコード内の問題を解決するための助けとなるよう少しでも努力してください。 – Syfer

[片面のみにCSS境界線を設定する方法は？]（https://stackoverflow.com/questions/） 15405307/how-can-i-set-a-css-border-on-one-side-only） –

-1

あなたが好き、この使用borderプロパティ（border-left & border-bottom）を達成することができます

.title { 
 
    border-left: 5px solid #444; 
 
    border-bottom: 1px solid #444; 
 
    padding-left: 15px; 
 
    line-height: 1.4; 
 
}

<h1 class="title">This is a title</h1>

は、この情報がお役に立てば幸い！

出典

2017-11-11 06:20:29

それは働いた！どうもありがとうございました！ –

その私の喜び@KatePark –

あなたが尋ねたような形を作成するために、私はh1タグを使っていました。
私のタグにクラス.titleを与えました。このクラスでは、あなたが求めたものを達成するための基本的なプロパティと必要なプロパティだけを割り当てました。これらのプロパティと一緒に任意のプロパティを指定できます。
以下、スニペットを添付しています。

.title { 
 
    padding-top: 5px; 
 
    padding-bottom: 5px; 
 
    padding-left: 20px; 
 
    border-width: 0 0 1px 5px; 
 
    border-style: solid; 
 
    border-bottom-color: #ababab; 
 
    border-left-color: #000; 
 
}

<h1 class="title">This is my title</h1>

出典

2017-11-11 06:37:22 Ddmteetu

@SauravRastogi、私は私の書面を書いていたように私はあなたの記事を以前見たことがありませんでした。その違いについて話すことは、それがプロパティを使用する単なる方法ではないことです。 'border-left'と' border-bottom'を別々に使い、 'border-width'と' border-style'と 'border-color'を使いました。 – Ddmteetu

タイトルのためにこの形を作るには？

答えて

関連する問題