首页 > 其他分享 >随便写写之——CSDN个人主页布局(二)

随便写写之——CSDN个人主页布局(二)

时间:2024-06-12 13:04:01浏览次数:16  
标签:mianinfo 布局 height 写写 width 添加 CSDN 个人主页 left

现在是中午11点30,还是有点迷糊,也不知道怎么了。

继续写写这个界面吧

代码太多了。吧上边的丢到组件里

加个图片好了,不然太丑了,看下main_haeader的布局

都是些比较简单的布局,头像这边就用了一个绝对定位定在了左边盒子上

      .mianinfo_haeder_left {
        width: 120px;
        height: 100%;
        position: relative;
        .mianinfo_haeder_left_img {
          position: absolute;
          top: -10px;
          left: 20px;
          width: 80px;
          height: 80px;
          border-radius: 50%;
          box-shadow: 0 0 0 3px rgb(226, 255, 10); 
        }
      }

侧边栏应该用组件的,这个后边再封装好了,先稍微添加实现下效果

这边写的时候发现页面交互上还有可以改进的地方,比如csdn里的这块hover可以添加点特效

其中设置和更多的地方,我觉得是可以添加点css的,不过可能他们有额外的考虑或者在他们认为是没有必要的吧~也不用想太多

当前效果:

今天的好像都是简单的布局,没有太多的技巧,明天再看看吧,

现在是12点48分,想吃鸡腿去了

标签:mianinfo,布局,height,写写,width,添加,CSDN,个人主页,left
From: https://blog.csdn.net/qq_52368602/article/details/139621822

相关文章

  • 这才是CSDN最系统的网络安全学习路线(建议收藏)
      01什么是网络安全网络安全可以基于攻击和防御视角来分类,我们经常听到的“红队”、“渗透测试”等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。无论网络、Web、移动、桌面、云等哪个领域,都有攻与防两面性,例如Web安全技术,既有Web渗透,也......
  • 这才是CSDN最系统的网络安全学习路线(建议收藏)
      01什么是网络安全网络安全可以基于攻击和防御视角来分类,我们经常听到的“红队”、“渗透测试”等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。无论网络、Web、移动、桌面、云等哪个领域,都有攻与防两面性,例如Web安全技术,既有Web渗透,也......
  • 这才是CSDN最系统的网络安全学习路线(建议收藏)
      01什么是网络安全网络安全可以基于攻击和防御视角来分类,我们经常听到的“红队”、“渗透测试”等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。无论网络、Web、移动、桌面、云等哪个领域,都有攻与防两面性,例如Web安全技术,既有Web渗透,也......
  • The Imitate Google Dinosaur for the python <--CSDN @PythonWIN-->
    - Thisisasmallsoftwarebasedonpygame:    -Wehaveusedthewell-knownPythonlanguage-Iamcurrentlydeveloping ImitateGoogleDinosaurversion1.1andusingPythonasmyeditor.Nowletmeexplainindetailitsfunctions:    -F......
  • The Table Pet for the python <--CSDN @PythonWIN-->
    - ThisisasmallsoftwarebasedonpyQT5:    -Wehaveusedthewell-knownPythonlanguage-IamcurrentlydevelopingdesktoppetSVIPversion1.1andusingPythonasmyeditor.Nowletmeexplainindetailitsfunctions:    -First,Anim......
  • 这才是CSDN最系统的网络安全学习路线(建议收藏)
    01什么是网络安全网络安全可以基于攻击和防御视角来分类,我们经常听到的“红队”、“渗透测试”等就是研究攻击技术,而“蓝队”、“安全运营”、“安全运维”则研究防御技术。无论网络、Web、移动、桌面、云等哪个领域,都有攻与防两面性,例如Web安全技术,既有Web渗透,也有W......
  • 一个简单的HTML网页 、个人主页网页设计(HTML+CSS) (2)
    ......
  • 个人博客 HTML个人介绍网页 学生个人网页设计作品 学生个人网页模板 简单个人主页成品
    ......
  • 将博客搬至CSDN
    随着网络技术的不断发展和个人知识分享需求的日益增长,博客已经成为了许多专业人士和爱好者记录心得、分享知识的重要平台。然而,随着时间的推移,一些博客平台可能会面临流量下滑、用户体验下降等问题,这时候,选择一个新的博客平台就显得尤为重要。最近,我决定将我的博客从原有的平台迁......
  • 【转载】python画带方差的折线图(csdn上最简洁的代码之一附上)
    版权声明:本文为博主原创文章,遵循CC4.0BY-SA版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/a1920993165/article/details/122277716python画带方差的折线图画好后效果图(直接一个图的)实现代码如下点击查看代码importnumpyasnpimport......