CSS+Html 常用的代码

最新推荐文章于 2025-04-20 21:42:34 发布

Coisini、

最新推荐文章于 2025-04-20 21:42:34 发布

阅读量553

点赞数 2

分类专栏： CSS/HTML 文章标签：配个好看的图nice~ CSS/HTML

本文链接：https://blog.csdn.net/kclax/article/details/90750126

版权

CSS/HTML 专栏收录该内容

9 篇文章

订阅专栏

本文深入探讨了CSS中实现水平垂直居中、头部浮动、照片裁剪、阴影效果、图片圆形展示及高斯模糊等实用技巧，为网页设计提供丰富的样式解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

水平居中 
{
position: absolute; 
left: 50%;
top:50%;
margin-left:-50% width;
margin-top:-50 % height;
}

头部浮动（随滚动条滚动） 
{
position: fixed; 
}

裁剪照片
{
overflow：hidden；
position: relative; 
}

阴影
{
box-shadow:1px 1px 10px #acacac;
}

居中
{
margin:0 auto;
}

照片取圆形
{
border-radius:5px;
}

图片高斯模糊 
 {
   -webkit-filter: blur(5px);
    filter: blur(5px);
}