ホームページ >ウェブフロントエンド >htmlチュートリアル >css_html/css_WEB-ITnose のニュースリストの前にあるドットを削除する方法
css_html/css_WEB-ITnose のニュースリストの前にあるドットを削除する方法
- WBOYオリジナル
- 2016-06-24 11:28:321327ブラウズ
CSS でニュースリストの前のドットを削除する方法:
ニュースリストを作成するには通常 li 要素を使用しますが、デフォルトでは li 要素の前に黒い原点が付いていると感じる人もいるかもしれません。それは悪いことではありませんが、一般に、これは醜い効果であると考える人の方が多いです。デフォルトのドットを削除する方法は次のとおりです。
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">ul,li{ list-style:none; font-size:12px;}li{ width:250px; height:25px; line-height:25px;}</style></head><body><ul class="mytest"> <li>俄罗斯爆发陨石雨，导致上千人受伤</li> <li>朝鲜成功进行核试验，半岛无核进程终结</li> <li>中国进入春运高峰期</li></ul></body></html> 上記のコードは、ul または li に次のコードを追加するだけで要件を達成できます:
list-style:none
実際のアプリケーションでは、見た目を良くするためにニュース リストの前にアイコンを追加する必要がある場合があります。詳細については、第 1 章: CSS 設定 li list 前の小さなアイコンのコード例を参照してください
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=15457
詳細については、参照してください：http：// www .softwhy.com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。