ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでテキストの前のドットを削除する方法

CSSでテキストの前のドットを削除する方法

藏色散人
藏色散人オリジナル
2021-01-04 11:53:175292ブラウズ

CSS でテキストの前のドットを削除する方法: 1. 関連するページの先頭部分を見つけて、コードを「ul li{list-style:none;}」として記述します; 2. li と ul 内「リスト形式」を追加するだけです。

CSSでテキストの前のドットを削除する方法

#この記事の動作環境: Windows7 システム、Dell G3 コンピューター、HTML5&&CSS3 バージョン。

おすすめ: 「

css ビデオ チュートリアル

多くの人が Web サイトを作成するために div を使用するとき、彼らは常に li と ul を使用しますが、効果を表示するときは常に li と ul を使用します。小さな黒い点があり、多くの人にとって頭痛の原因になりますが、原因が見つからないため、次の方法で取り除くことができます。

CSS を使用してテキストの前のドットを削除する方法:

関連する CSS を見つけて、.li と .ul の下に list-sytle:none と書きます。もちろん、次のように書く人もいます。 -style-type:none のようなリスト、特に一部の CMS ではこの書き方が最も一般的です。

実装:

1. 該当ページの先頭部分を見つけて次のコードを記述します

<style type="text/css">
ul li{
list-style:none;
}
</style>

2. li と ul に list-style を追加します。

<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">HTML中文网</a></li>< /ul>

など、もちろんこれは非常に面倒です。

最も単純なものは最初のもので、CSS によって制御されます。これはもちろん良い効果をもたらします。

これらのメソッドはすべて list-style:none を設定することによって設定されます。一部のメソッドは list-style-type を使用します。そのプロパティを見てみましょう:

  • none 使用しないでください箇条書きを使用します

  • 円盤の実線の円、デフォルト値
  • ##円空の円
  • #四角形の実線の四角形

  • 10 進アラビア数字

  • 小文字ローマ数字

  • #大文字ローマ数字

  • ##英小文字
  • 英大文字大文字
  • これらはすべて、どれも置き換えることができます。上記で説明したように、必要なものに対応するものがあります。

以上がCSSでテキストの前のドットを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。