![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
矢目
记录自己的日志,学习注重积累
展开
-
css-让2个span标签水平居中
【代码】css-让2个span标签水平居中。原创 2022-11-06 20:42:13 · 1331 阅读 · 0 评论 -
css小技巧-去除图片底部空白缝隙
【代码】css小技巧-去除图片底部空白缝隙。原创 2022-11-05 20:59:00 · 556 阅读 · 0 评论 -
一个简单的web前端静态登录页面
web前端登录页面所用技术 html +css输入框前面是特殊字体<link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">直接引用地址具体参考菜鸟教程https://www.runoob.com/font-awesome/fontawesome-reference.htmlhtml部分:<body ><div cla原创 2021-03-30 20:10:28 · 1632 阅读 · 0 评论 -
css笔记-鼠标经过样式
鼠标经过的样式 ,原创 2022-11-04 22:05:10 · 370 阅读 · 0 评论 -
3d呈现 transfrom-style
默认值:transfrom-style:flat子元素不开启3d立体空间 transfrom-style:preserve-3d;子元素开启立体空间 代码写给父级,但是影响的是子盒子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&...原创 2021-06-21 16:03:34 · 87 阅读 · 0 评论 -
3D旋转rotate , perspective透视
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ /*给父容器添加透视,增加立体感*/ perspective:500px; } img{display: bl.原创 2021-06-21 15:37:13 · 153 阅读 · 0 评论 -
css3过渡
过渡:是从一种状态渐渐过渡到另外一种状态transition:过渡的属性 hua'fei原创 2021-06-13 13:13:15 · 46 阅读 · 0 评论 -
css3 2D 转换
CSS 转换(transforms)允许您移动、旋转、缩放和倾斜元素。通过使用 CSStransform属性,您可以利用以下 2D 转换方法:原创 2021-06-13 09:52:21 · 86 阅读 · 0 评论 -
css实现小三角
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 200px; height: 30px; border: 1px solid #018ffb; .原创 2021-06-13 08:41:15 · 57 阅读 · 0 评论 -
outline,box-shadow,与圆角
outline轮廓简述: 是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。用法:边框的轮廓线用法和border一摸一样,轮廓不会影响可见框的大小outline: none 没有轮廓线box-shadow阴影效果用于在元素的框架上添加阴影效果属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。 <style> button{ box-shadow: 60px -16px teal; } /*/* x偏移量 | y原创 2021-06-07 20:05:17 · 126 阅读 · 0 评论