CSS
而我想成为一个有趣的妞
这个作者很懒,什么都没留下…
展开
-
【CSS】box-shadow在IE和搜狗浏览器中的兼容性问题
在写了box-shadow之后发现在谷歌、火狐等浏览器都可以正常显示,唯有IE和搜狗浏览器不显示一开始的代码:-webkit-box-shadow: 5px 5px 5px #605c5cd1; -moz-box-shadow: 5px 5px 5px #605c5cd1; box-shadow: 5px 5px 5px #605c5cd1;修改之后的代码:-webkit...原创 2018-10-18 10:39:40 · 2936 阅读 · 1 评论 -
【CSS】伪类里面的文字换行显示
content:"换行\A换行";在设置字体样式的地方添加white-space:pre;原创 2019-03-24 14:41:33 · 1984 阅读 · 0 评论 -
【前端】小图标不显示
问题描述:css:.nav > .uk-inline > button:after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; line-height: 14px; vertical-align: 0; padding-left: 3...原创 2019-03-23 11:53:00 · 885 阅读 · 0 评论 -
【CSS3】CSS画图(随时补充)
效果图:<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8" /> <title>CSS3的乐趣</title> <style> body{ margin: 0; padding: 0; displa...原创 2019-03-12 08:50:17 · 321 阅读 · 0 评论 -
【CSS】div上下居中
<div style="width:200px;height:200px; border:2px solid #000;display:flex;justify-content:center;align-items:center;"> <div style="width:100px;height:100px;background-color: red;">&l...转载 2018-12-10 10:01:51 · 126 阅读 · 0 评论 -
【CSS】水平镜像旋转
css:.jingxiangrotate{ transform: rotateY(180deg); -ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -o-transform:rotat...转载 2018-11-28 15:44:38 · 1820 阅读 · 0 评论 -
【CSS】修改css文件不生效
1.F12查看css样式,看是否被别的样式覆盖了,如果覆盖可以使用!important强制修改css样式2.在网页上面Ctrl+F5强制刷新3.只针对于使用了加速器的网站。登录加速器的账号---高速缓存---自定义清除---输入css文件的链接目前只接触到这三种,第二种情况遇到的比较多,以后遇到别的再补充。...原创 2018-11-30 15:28:04 · 3515 阅读 · 4 评论 -
【CSS】渐变色
效果图: css: background: -webkit-linear-gradient(left, #d2b969, #f3ebcd, #d2b969); background: -o-linear-gradient(left, #d2b969, #f3ebcd, #d2b969); background: -moz-linear-gradient(left...转载 2018-11-25 21:47:32 · 257 阅读 · 0 评论 -
【CSS】文字旋转90度
效果图: 方法一: .xuanzhuan { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); display: block; position: absolute; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3...原创 2018-11-23 14:03:48 · 11151 阅读 · 0 评论 -
【CSS】div的border总是显示在整个div的上方
解决方法:加一个css样式clear:both;原创 2018-11-14 15:58:58 · 1152 阅读 · 0 评论 -
【CSS】隐藏(占位置和不占位置)
display:none;不占位隐藏visibility:hidden;占位隐藏转载于:https://blog.csdn.net/BuquTianya/article/details/50771986转载 2018-11-12 14:27:39 · 15867 阅读 · 0 评论 -
直角梯形 圆角
效果图:代码:<style> #trapezoid {width:100px;height:25px;padding:.5em 1em .35em;position:relative;color:#fff;margin-left:100px;transform-origin:bottom right;text-align:center;line-height:25px...原创 2019-05-17 08:50:38 · 1518 阅读 · 0 评论