代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>华为新闻</title> <link rel="stylesheet" href="./iconfont/iconfont.css"> <link rel="stylesheet" href="./css/index.css"> </head> <body> <div class="box"> <ul> <li> <a href="#"> <img src="./images/huawei1.jpeg" alt=""> <div class="info"> <h4>行业洞察</h4> <h5>迈向智能世界2030</h5> <p>了解更多<i class="iconfont icon-arrow-right icon1"></i></p> </div> </a> </li> <li> <a href="#"> <img src="./images/product.jpeg" alt=""> <div class="info"> <h4>产品</h4> <h5>OceanStor Pacific 海量存储斩获2021 Interop金奖</h5> <p>了解更多<i class="iconfont icon-arrow-right icon1"></i></p> </div> </a> </li> <li> <a href="#"> <img src="./images/huawei2.jpeg" alt=""> <div class="info"> <h4>《ICT新视界》刊首语</h4> <h5>笃行致远,共建具有获得感、幸福感、安全感的智慧城市</h5> <p>了解更多<i class="iconfont icon-arrow-right icon1"></i></p> </div> </a> </li> </ul> </div> </body> </html>
效果图:
移动web-字体图标、平面转换、渐变-综合案例
最新推荐文章于 2024-09-13 23:32:49 发布
华为新闻展示了其在行业洞察、产品创新和智慧城市构建方面的成果。文章提到了迈向2030年的智能世界目标,重点介绍了OceanStorPacific海量存储系统获得的2021Interop金奖,以及建设具有获得感、幸福感、安全感的智慧城市的愿景。
摘要由CSDN通过智能技术生成