css做一个logo |dede分页css 文件名字

.logo {
width: 150px;
height: 150px;
background: #3498DB;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 150px;
border-radius: 50%;
}

上述代码中定义了一个类名为logo的元素，其中width和height决定了Logo的大小，background定义Logo的背景色，color定义了Logo内文字的颜色，font-weight定义了文字的粗细，text-align定义了文字的居中方式，line-height定义了文字的垂直居中方式，最后的border-radius则是将Logo的边框设置为圆形。

如果希望在Logo里面使用图片进行展示，也可以采用如下代码：

.logo {
width: 150px;
height: 150px;
background: url(logo.png) no-repeat center center;
background-size: contain;
border-radius: 50%;
}

其中background属性的url引入了Logo图片，no-repeat则表示不重复展示图片，center center则表示将图片居中展示，background-size则是将图片进行适应居中展示。

通过以上代码的设置，就可以轻松实现一个独特的Logo效果啦！