![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
辣条小哥哥
生活不易,请继续努力,在未来的路上,愿你步伐坚定且内心温柔
展开
-
使用 filter:grayscale(1) 使页面处于灰色模式
一行代码将使页面处于灰色模式。原创 2023-04-06 10:07:24 · 288 阅读 · 0 评论 -
css设置背景颜色透明度
使用 opacity属性,参数从0到1.0,完全透明是 0.0,完全不透明是 1.0,参数越小越透明.item{ width:200px; height: 200px; display: flex; justify-content: center; align-items: center; color:#333; border-radius: 50%; opacity: 0.5; background:#DC143C; }但是这样的写法会使得其中的文字也变得透明:12.原创 2022-04-21 17:27:51 · 8463 阅读 · 0 评论 -
css去掉背景颜色
只需要在已经设置好背影颜色的代码上加上 background-color:transparent; 就解决了!原创 2022-03-23 15:10:20 · 1358 阅读 · 0 评论 -
Flex 布局
flex布局表示弹性布局,为盒状模型提供最大的灵活性。1.flex-directionflex-direction 属性设置容器主轴的方向.wrap{ flex-direction:row | row-reverse | column | column-reverse;}包含四个属性值:row: 默认值,表示沿水平方向,由左到右。 - row-reverse :表示沿水平方向,由右到左column:表示垂直方向,由上到下column-reverse:表示垂直方向,由原创 2021-08-10 20:12:49 · 83 阅读 · 0 评论 -
子元素如何在父元素中居中
水平居中:1.子父元素宽度固定,子元素设置margin:auto,并且子元素不能设置浮动,否则居中失效<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style> * { margin: 0; padding: 0; } .box { width: 50原创 2021-05-07 17:23:51 · 273 阅读 · 0 评论 -
清除浮动的方式
高度塌陷:当所有的子元素浮动的时候,且父元素没有设置高度,这时候父元素就会产生高度塌陷。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style> .box { width:100%; background-color:pink; }原创 2021-05-07 16:22:05 · 75 阅读 · 0 评论 -
文本自动换行样式word-break: break-all
未加该 word-break: break-all 样式时,联系地址数据加载完全,但是显示不全。全选复制可以得到所有字符。加了 word-break: break-all 样式时,联系地址数据加载完全,换行显示出全部字符。原创 2021-04-23 16:41:39 · 7894 阅读 · 0 评论 -
display:inline-block 居中对齐问题
.title img{ display: inline-block; vertical-align: middle;}原创 2020-12-30 16:28:31 · 2399 阅读 · 1 评论