コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML でいくつかの特別な分割線効果を共有する

HTML でいくつかの特別な分割線効果を共有する

高洛峰
リリース： 2017-03-10 11:44:38
オリジナル
2673 人が閲覧しました

HTML で特別な分割線効果を共有します。非常に実用的で美しい分割線を必要とする友人が参照できます。

1. 基本的な線

2. 特殊効果 (効果は分離されておらず、相互に組み合わせることができます)
1. 両端のグラデーション透明度:


2.スピンドル形状:

3. 右側のグラデーションは透明です:

4. 左側のグラデーションは透明です:

5. 破線:


6. 二重線:

7. 立体感:


8. スチールニードルエフェクト:


９．垂直分割線



線の位置を揃える (オプションの左、右、中央); width 線の長さ; 色 サイズ 厚さ

以上がHTML でいくつかの特別な分割線効果を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
HTML 分割线
ソース：php.cn
前の記事：HTML ハイパーリンクの詳細を紹介します。 次の記事：HTML を最適化して Web ページを高速化する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
ナビゲーションバーの下枠のCSS ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法...
から 2024-04-06 15:04:41
0
2
347
Nuxt.js で作成したダッシュボードをデプロイするには SSG を使用する必要がありますか? Nuxt.jsを使用して社内向けのダッシュボードを開発していきます。これは内部ダッシュボードであるため、ユニバーサル スキーマは必要ありません。通常、ほとんどのダッシュボードは S...
から 2024-04-06 13:17:44
0
1
493
クリックしたときにテキストが新しい要素 (区切り線など) に変わるようにするにはどうすればよいですか? ページ上の特定のテキストをクリックすると区切り文字/新しい要素に変わる方法を見つけようとしています。どう説明したらいいのかわかりませんが、画像の下にタイトルがあると想像してください...
から 2024-04-04 11:21:03
0
1
3580
グリッドテンプレートの列が行上の項目を整列させない 私は HTML と CSS の初心者で、grid-template-column を使用してナビゲーション バーを作成しようとしています。私のアイデアは、ナビゲーション バーをロゴ...
から 2024-04-03 16:58:18
0
1
370
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート