CSS+Html 常用的代码

最新推荐文章于 2024-10-16 14:45:48 发布

原创最新推荐文章于 2024-10-16 14:45:48 发布 · 575 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#配个好看的图nice~ #CSS/HTML

CSS/HTML 专栏收录该内容

9 篇文章

订阅专栏

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

在这里插入图片描述

水平居中 
{
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);
}