尊敬的C知道,您能否用html语言写一个公告,要有大企业,不能太单调的那种风格 要有关闭公告的按钮且能成功关闭公告
时间: 2023-05-28 21:04:42 浏览: 75
<!DOCTYPE html>
<html>
<head>
<title>公告</title>
<style>
#announcement{
position: fixed;
top: 0;
left: 0;
right: 0;
background-color: #f2f2f2;
padding: 10px;
border-bottom: 2px solid #ccc;
text-align: center;
font-size: 20px;
box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}
.close{
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
font-size: 25px;
color: #888;
}
</style>
</head>
<body>
<div id="announcement">
<p>欢迎来到大企业!</p>
<p>我们致力于为客户提供最好的服务。</p>
<span class="close">×</span>
</div>
<script>
document.querySelector('.close').addEventListener('click', function(){
document.querySelector('#announcement').style.display = 'none';
});
</script>
</body>
</html>
阅读全文