CSS
文章平均质量分 56
fengzhen8023
专于前端,不止于前端!
展开
-
分享三个CSS宝藏网站
写在前面Hello 大家好,今天跟大家分享三个CSS宝藏网站,这些网站不仅可以帮助你了解CSS的特性,还可以被应用到实际的项目中,丰富网页内容。下面一起来看看吧!1.生成不规则的矩形地址: https://9elements.github.io/fancy-border-radius/在CSS中我们可以使用 border-radius 属性定义矩形四个角的弧度,但是通常我们都是定义下面这种圆角:其实我们可以调整 border-radius 的数据,得到更多好看的不规则矩形。但是很多同学不知道如原创 2021-05-09 11:45:59 · 1895 阅读 · 0 评论 -
img垂直水平居中与div
最终效果:方法一:1.HTML代码<div> <img src="bj.png" alt="图片"></div>2.CSS代码div{ width: 400px; height: 300px; margin: 0 auto; background-color: #666; disp...原创 2018-07-11 17:00:00 · 152 阅读 · 0 评论 -
使用js控制滚动条的位置
我们在项目中可能会遇到这样的需求,控制页面滚动条的位置,来显示不同的内容。这里给出一个使用原生js来控制滚动条的方法,实现起来非常简单一、HTML代码<div id="box"> <p>1111111111111111111111</p> <p>1111111111111111111111</p>...原创 2018-08-06 16:05:49 · 11004 阅读 · 0 评论 -
CSS圣杯布局和双飞翼布局
一、圣杯布局圣杯布局简介:圣杯布局将页面分为 左 中 右 三部分,中间部分的宽度可以随着浏览器宽度的变化而变化,左右两边部分定宽,不会变化。圣杯布局实现起来很简单,主要是用到了 float、position、margin-left 等属性。圣杯布局HTML代码:<div id="content"> <div class="middle"&...原创 2018-08-07 15:52:05 · 551 阅读 · 0 评论