![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
西风XF
小前端
展开
-
CSS样式写出三角形
CSS样式写出三角形的样式,在这里只举出两个例子,三角形朝上和三角形朝下,还有左上,左下,右上,右下。有需要或者感兴趣的可以自己调一下代码。调border的top、bottom、left、right的 transparent 或者#000。三个为一组,其中两个属性为transparent。另一个为#000或其他颜色。1、简单的写一个div,用div的class名写出样式,transparent...原创 2017-03-29 09:24:37 · 1246 阅读 · 1 评论 -
设置背景图片的两种方式,并解决手机端背景图片高度自适应问题
1 、设置背景图片的两种方式:方式一: <img src="../img/10.jpg"/ class="back" id="Background">.back{ position: fixed; width: 100%; height: 100%; display: block; z-index: -100; }方式二:&l...转载 2019-01-02 09:49:47 · 4644 阅读 · 1 评论 -
html手机输入框键盘弹起顶起背景图
问题:点击页面输入框,弹起的键盘把背景图顶起,再滑动页面有下方有空白。解决方法:$('body').height($('body')[0].clientHeight);原创 2018-11-01 17:43:15 · 3509 阅读 · 0 评论 -
css不固定宽高垂直居中
一、父元素:display: flex;justify-content: center;align-items: center;二、父元素:position: relative;元素:transform: translate(-50%, -50%);position: absolute;top: 50%;left: 50%;三、 display: ...原创 2018-02-27 15:52:55 · 735 阅读 · 0 评论 -
image宽高一致自适应
image宽高一致自适应原创 2017-10-30 15:21:47 · 2269 阅读 · 1 评论 -
Bootstrap 图标文件glyphicons-halflings-regular.woff未找到
Bootstrap 图标文件glyphicons-halflings-regular.woff未找到原创 2017-10-27 14:25:54 · 5079 阅读 · 0 评论 -
解决iOS输入框和button圆角问题
解决iOS输入框和button圆角问题原创 2017-10-18 10:35:05 · 847 阅读 · 0 评论 -
解决iphoneX显示问题的几个css属性
解决iPhoneX的白边问题转载 2017-09-18 14:34:27 · 22573 阅读 · 1 评论 -
一级标题居中,二级标题固定缩进
一级、二级标题为自定义长度,且一级标题居中,二级标题在一级标题的基础上缩进3个汉字的距离。原创 2017-07-27 11:25:02 · 12971 阅读 · 0 评论 -
html图片等比缩放
html图片等比缩放原创 2017-07-26 11:00:06 · 3016 阅读 · 0 评论 -
解决css边框1px
解决css边框1px问题原创 2017-07-26 10:01:05 · 1503 阅读 · 0 评论 -
清除浮动--子元素float导致父元素height塌陷解决方案
div清除浮动,解决父元素高的塌陷问题原创 2017-04-10 14:18:24 · 1682 阅读 · 0 评论 -
CSS Sticky Footer布局
若页面内容不够长时,页脚块粘贴在视窗底部(内容不够100%,页脚固定在页面底部);若页面内容足够长时,页脚会被内容向下推送(内容超过100%,页脚随着滚动,在页面底部)。原创 2017-07-25 18:44:52 · 436 阅读 · 0 评论 -
css改变hr的默认样式
css改变hr的默认样式原创 2017-08-09 11:30:34 · 6991 阅读 · 0 评论 -
H5移动端rem自适应方案
H5移动端rem自适应方案原创 2017-07-19 19:07:00 · 2190 阅读 · 0 评论 -
iconfont的查寻和使用
1、在你需要使用到iconfont的时候,是先找图标库,一般使用的图标库是---阿里巴巴矢量图标库。网址:http://www.iconfont.cn/;2、进入网址后,点击图标库,可以分类查找也可以直接搜索你想要的图标(例如:搜索‘支付宝’),把该图标加入购物车;3、点击“购物车---下载代码---需要登录(GitHub登录,微博登录,或者阿里内部员工登录)”;4、下载到本地的是一个...原创 2017-04-10 13:26:44 · 8484 阅读 · 1 评论 -
css写省略号
css样式:.oText{ width:100px; /*一定要有宽度*/ white-space:nowrap; /*强制文本不换行*/ overflow: hidden; /*溢出隐藏*/ text-overflow: ellipsis; /*添加省略号*/} html结构:<p class="oText" title="王者荣耀我要上钻石">...原创 2017-03-29 14:25:30 · 537 阅读 · 0 评论 -
css设置div垂直居中显示
css设置div垂直居中显示:css样式:.parent{ width:100%; height:700px; background-color: cyan; position: relative;}.child{ width:400px; height:400px; background-color:#000; position: absolute; lef...原创 2017-03-29 13:51:31 · 768 阅读 · 0 评论 -
css 圆角三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2019-01-09 19:42:58 · 3099 阅读 · 0 评论