京安安平热力 0318-7867868辉煌能源0318-7999555宏洁能源 0319-5184119 要求：用html写一段代码移动端和电脑端要自适应点击文字或者电话会拨打出去最后用CSS美化一下要求简约
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>电话号码</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f7f7f7;
}
<pre><code> .container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 10px;
}
h1 {
text-align: center;
margin-top: 0;
}
.phone-number {
font-size: 24px;
font-weight: bold;
color: #333333;
text-align: center;
margin-top: 20px;
cursor: pointer;
}
.phone-number:hover {
color: #007bff;
}
@media only screen and (max-width: 600px) {
.container {
padding: 10px;
}
.phone-number {
font-size: 20px;
}
}
</style>
</code></pre>
</head>
<body>
<div class="container">
<h1>电话号码</h1>
<p class="phone-number" onclick="location.href='tel:03187867868'">京安安平热力 0318-7867868</p>
<p class="phone-number" onclick="location.href='tel:03187999555'">辉煌能源，0318-7999555</p>
<p class="phone-number" onclick="location.href='tel:03195184119'">宏洁能源 0319-5184119</p>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/bFKc 著作权归作者所有。请勿转载和采集!