画像の周囲にCSS境界線を描く方法

カスケードスタイルシートを使用すると、HTMLレイアウトを変更したり、配置、色、枠線などのプロパティを表示したりできます。 HTML tagはWebページに画像を表示するために使用され、枠の幅を指定したり、枠の幅を設定したりすることができる「border」属性を含みます。 おそらく、あなたはスペシャルをフィーチャーしたマーケティングページを作成していて、あなたは基本的な会社のウェブサイトスタイルとは異なる方法でイメージボーダーを表示したいと思います。 CSSを使用して特定の画像の枠線のスタイルを変更します。

1。

HTMLエディタまたはテキストエディタを起動してWebページを開きます。 を探します 境界線を追加する画像のタグを付けます。

2。

CSSスタイル属性を挿入してスタイルの変更を開始します( ) 幅、種類、色などの境界線の品質を変更するには、「border」プロパティを挿入します。 次の画像は太い赤の破線でスタイルされています。 属性は任意の順序で並べることができます。

3。

必要に応じて境界線パラメータを変更します。 境界線の太さは、太い、中程度、細い、または「6px」のようなピクセルサイズの値にできます。二重、実線、破線など、さまざまな種類の境界線から選択できます。 色は、16進数(#ffcc00)、RGB色(RGB(255, 0, 0))、色名(青色)など、さまざまな方法で示すことができます。

4。

ページを保存してWebブラウザで開くと、表示の変更が表示されます。

人気の投稿