순수 CSS_Experience 교환으로 만들어진 뉴스 웹사이트의 기사 목록

CSS를 사용하여 만든 뉴스 웹사이트의 기사 목록: ul은 html의 순서가 지정되지 않은 목록이고 li는 목록의 목록 항목입니다. 모양을 정의하는 CSS가 없는 경우 기본적으로 목록으로 표시되며 글머리 기호(사각형 또는 검은색 점 등) 목록 콘텐츠가 표시됩니다. CSS 웹 페이지 레이아웃에서는 ul과 li를 사용하여 뉴스 목록과 링크를 만드는 것 외에도 일반적으로 ul과 li를 사용하여 메뉴를 구현합니다.

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

.list{
여백: 0px 10px 20px text-align:
} .list ul{
list-style-type: 없음;

여백: 0px;
패딩: 0px;
• } .list li{ 너비: 100%; .list li a{ color: #777777;
display: block;
padding: 6px 0px 4px 15px;
• } .list lispan{ float: right;/*범위 요소를 부동으로 만듭니다. 오른쪽* / text-align: 오른쪽;/*날짜 오른쪽 정렬*/ }
.list li a:hover{
color: #336699;
• } 스타일>


• 2007년 12월 21일
뉴스제목 01

2007년 12월 21일
뉴스제목 02
2007년 12월 21일뉴스제목 03 2007년 12월 21일뉴스제목 04 참고: 스팬은 앞에 배치해야 합니다. , 그렇지 않으면 줄 바꿈이 발생합니다