CSS
层叠样式,各种布局,及样式效果
Sunshine_Jian
这个作者很懒,什么都没留下…
展开
-
CSS通栏背景的设置(解决浏览器缩放带来的影响)
效果图:(边框区域为正文版心)代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0.原创 2022-04-15 11:28:58 · 620 阅读 · 0 评论 -
【HTML前端全屏效果——按钮切换】
效果图:单击按钮切换全屏效果全部代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc..原创 2022-04-06 11:11:56 · 1310 阅读 · 0 评论 -
CSS文本强制换行
发生背景:在没有空格的(字母、数字,符号),超过容器宽度时就会把容器撑大,不换行。所以在这里需要对其设置强制换行的样式;解决方案:/* word-wrap: break-word; */ /* word-break: break-all; */区别:word-wrap: break-word;如果一个单词在一行放不下,就会将它放到下一行;word-break: break-all;如果一个单词在一行放不下,就会将它截开;全部...原创 2022-03-21 16:10:05 · 3083 阅读 · 0 评论 -
CSS制作一个花式标题
用纯CSS制作了一个花式标题框,快来装饰一下你的网页吧!原创 2022-01-07 16:51:31 · 978 阅读 · 0 评论 -
CSS加载光效
先放效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2021-11-10 17:31:09 · 379 阅读 · 0 评论 -
CSS文本单行省略号、多行省略号
单行文本与多行文本的省略处理;原创 2021-11-08 11:33:46 · 153 阅读 · 0 评论 -
CSS移入图片浮动效果
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &.原创 2021-10-29 12:12:40 · 490 阅读 · 1 评论