html实现美观有简约的个人主页

最新推荐文章于 2024-05-31 12:53:24 发布

学而思-星空工作室

最新推荐文章于 2024-05-31 12:53:24 发布

阅读量2.2k

点赞数 7

文章标签： html

本文链接：https://blog.csdn.net/qq_55385945/article/details/116357242

版权

本文分享了一款使用HTML编写的美观且实用的个人主页代码模板，适合想要打造个性化网站的读者参考。

摘要由CSDN通过智能技术生成

哈喽，大家好，我们又见面了

下面是小编带给大家的既好看又实用的网站（html）代码模板，大家看看吧！

<html>
<head>
    <meta name="code-stutio" content="code-123" />
    </head>
        <meta charset="utf-8">
<title>My...</title>
<style>
.a {
  background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
.b {
  overflow: hidden;
  color:#f2f2f2;
  background-color: rgb(72,72,72);
}
 

.b a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 

.b a:hover {
  background-color: #ddd;
  color: black;
}

  
  
.f {
  overflow: hidden;
  color:#f2f2f2;
  background-color: gray;
  height:740px;
  text-align:center;
    width:188px;
    float:right;
}
 

.f a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 70px;
  text-decoration: none;
}
 

.f a:hover {
  background-color: #ddd;
  color: black;
}

.c {
    line-height:30px;
    background-color:gray;
    color:white;
    height:700px;
    width:104px;
    float:left;
    padding:20px;          
}
.d {
    width:350px;
    float:left;
    padding:10px;          
}
.e {
    background-color:rgb(40,40,40);
    color:rgb(200,200,200);
    clear:both;
    text-align:center;
   padding:1px;          
}
.e a {
  color: rgb(200,200,200);
  padding: 0px 0px;
  text-decoration: none;
}
.e a:hover {
  color: rgb(250,250,250);

最低0.47元/天解锁文章

学而思-星空工作室

关注

7
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
html实现美观有简约的个人主页

哈喽，大家好，我们又见面了下面是小编带给大家的既好看又实用的网站（html）代码模板，大家看看吧！<html><head> <meta name="code-stutio" content="code-123" /> </head> <meta charset="utf-8"><title>My...</title><style>.a { background...
复制链接

扫一扫