想用纯css实现div为圆角，其实并不复杂，代码如下：border-radius:4px;...
2023-12-11 阅读（0）
有些网站上面当你鼠标移动到超级链接a标签上面时候，文字颜色不会瞬时变化，而有一个缓慢变色的过程。实现此方式不用js代码，简单css即可实现。css代码如下：transition:color0.3s;...
2023-11-27 阅读（0）
很多人在做网站时候，为了追求做的炫酷，但是同时不想要太多的js沉淀代码，就想到用css实现渐变背景色的效果。那么在这里就来简单参考百度百家号的主页css来写一下。纯css实现渐变背景色代码：background:linear-gr......
2023-11-27 阅读（0）
最终实现效果：html代码：CSS代码：.paper{position:relative;width:200px;height:250px;background:#fff;border:1pxsolid#eee;float:lef......
2023-11-13 阅读（0）
最终实现效果如下图：HTML代码：多行文字超出部分隐藏,显示省略号;多行文字超出部分隐藏,显示省略号;多行文字超出部分隐藏,显示省略号;多行文字超出部分隐藏,显示省略号;多行文字超出部分隐藏,显示省略号;多行文字超出部分隐藏,显示......
2023-11-13 阅读（0）
先看一段普通的css代码style{width:400px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;/*autoprefixer:off*/-webki......
2023-11-13 阅读（0）
您可以使用css的:hover选择器来实现在鼠标悬停时显示隐藏文本的效果。下面是一个简单的示例代码：html代码：这是一个带有隐藏文本的段落。CSS代码：pspan{display:none;}p:hoverspan{displa......
2023-11-13 阅读（0）
在写移动端导航的时候经常用到点击按钮出现/隐藏导航条的情况，最常见的方法当然还是前端框架直接调用，省心省力，不易出错；当然还有使用纯JS实现的小代码段。我这里整理了纯CSS实现方式，给需要的人和给自己做个笔记：实现原理利用CSS伪......
2023-11-13 阅读（0）
有些人为了让网站看起来更加舒适上档次，在使用div+css布局时，也许某个页面需要将div背景颜色半透明文字不透明，但是很多人设置背景半透明后，文字也会跟着半透明，这很让人头疼。互补网为大家提供解决方式：具体代码如下：css代码：......
2023-04-06 阅读（0）
最终效果展示：html代码：20%40%60%80%100%CSS代码：html,body,div,span,applet,object,,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acr......
2021-10-20 阅读（0）
