仿京東快報CSS

.news-content {
width: 100%;
height: 30px;
overflow: hidden;
position: relative;
}
.news-list {
width: auto;
height: 30px;
line-height: 30px;
position: absolute;
top: 0;
left: 0;
-webkit-animation: newsMove 10s linear infinite;
animation: newsMove 10s linear infinite;
}
.news-list:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
@-webkit-keyframes newsMove {
0% {
top: 0;
}
100% {
top: -60px;
}
}
@keyframes newsMove {
0% {
top: 0;
}
100% {
top: -60px;
}
}
.news-list-item {
float: left;
margin-right: 10px;
white-space: nowrap;
overflow: hidden;
}
.news-list-item:last-child {
margin-right: 0;
}
.news-list-item a {
color: #666;
text-decoration: none;
}
.news-list-item a:hover {
color: #ff3000;
text-decoration: underline;
}

以上是仿京東快報CSS的代碼，主要通過CSS的動畫實現快報滾動效果以及添加鏈接效果。其中，動畫使用了CSS3的animation屬性，定義了動畫名稱（newsMove）、動畫時長（10s）、動畫速度（linear）、動畫重復次數（infinite）。另外，還使用了P標簽進行段落的分割，PRE標簽包裹代碼，讓代碼更加清晰易讀。