Liste der Artikel auf einer Nachrichten-Website, die mit reinem CSS_Experience-Austausch erstellt wurden

Artikelliste in einer mit CSS erstellten Nachrichten-Website: ul ist eine ungeordnete Liste in HTML und li ist ein Listenelement in der Liste. Wenn es kein CSS gibt, um sein Erscheinungsbild zu definieren, wird es standardmäßig als Liste angezeigt und weist Listeninhalte mit Aufzählungszeichen (z. B. Quadrate oder durchgezogene schwarze Punkte) auf. Im CSS-Webseitenlayout verwenden wir neben der Erstellung von Nachrichtenlisten und Links mit ul und li normalerweise auch ul und li, um Menüs zu implementieren.

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.list{
margin: 0px 10px 20px text-align: left;
} .list ul{
list-style-type: none;

margin: 0px;
padding: 0px;}
• .list li{ width: 100%; .list li a{ color: #777777; display: block; padding: 6px 0px 4px 15px; rechts* /
text-align: right;/*datum rechtsbündig*/
}
• .list li a:hover{ color: #336699 Stil>


• 21. Dezember 2007

News Titel 01
• 21. Dezember 2007

News-Titel 02

21. Dezember 2007
News-Titel 03 21. Dezember 2007Nachrichtentitel 04 Hinweis: span Es muss vorne platziert werden , sonst kommt es zu Zeilenumbrüchen