HTML制作一條新聞(選擇器，文本樣式)
制作一條新聞(選擇器，文本樣式)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet tristique mi, id iaculis odio pulvinar et. Vestibulum tincidunt magna at orci consectetur, sit amet euismod tellus fringilla. Vivamus nibh sapien, condimentum ac nibh vel, consectetur commodo sapien. Suspendisse id sapien ac nunc lacinia porta at nec felis. Etiam fermentum urna vel tincidunt iaculis. Fusce tincidunt, elit eu molestie faucibus, nisi arcu facilisis massa, vitae gravida nisl mi a augue. Sed id pulvinar nunc. Quisque risus mauris, congue et tempus vel, volutpat vitae nunc. Quisque pulvinar lobortis laoreet. Curabitur id nibh et sem lacinia scelerisque.
<!DOCTYPE html>
<html>
<head>
<style>
.news {
? font-family: Arial, sans-serif;
? font-size: 18px;
? font-weight: bold;
? color: #333;
? background-color: #f5f5f5;
? padding: 10px;
? margin-bottom: 20px;
}
.news-title {
? font-size: 24px;
? color: #ff0000;
}
.news-content {
? margin-top: 10px;
}
.news-date {
? font-style: italic;
? color: #777;
? font-size: 14px;
? margin-top: 10px;
}
</style>
</head>
<body>
<div class="news">
? <h2 class="news-title">Breaking News: New Discovery!</h2>
? <p class="news-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam aliquet tristique mi, id iaculis odio pulvinar et. Vestibulum tincidunt magna at orci consectetur, sit amet euismod tellus fringilla. Vivamus nibh sapien, condimentum ac nibh vel, consectetur commodo sapien. Suspendisse id sapien ac nunc lacinia porta at nec felis. Etiam fermentum urna vel tincidunt iaculis. Fusce tincidunt, elit eu molestie faucibus, nisi arcu facilisis massa, vitae gravida nisl mi a augue. Sed id pulvinar nunc. Quisque risus mauris, congue et tempus vel, volutpat vitae nunc. Quisque pulvinar lobortis laoreet. Curabitur id nibh et sem lacinia scelerisque.</p>
? <p class="news-date">Published on: September 12, 2021</p>
</div>
</body>
</html>
