CSS
Lobove_code
努力提升自己~
展开
-
边框四边包角样式
边框四边包角样式.border-wrap { position: relative; height: 100%; padding: 5px;}.border_corner { position: absolute; background: rgba(0, 0, 0, 0); border: 3px solid #00FAFF;}.border_corner_left_top { width: var(--width); height: var(--height原创 2022-05-06 10:39:24 · 216 阅读 · 0 评论 -
css之常用样式
常用的css样式[class*="col-"]:选择所有类名中含有”col-“的元素[class^="col-"]:选择所有类名中以”col-“开头的元素[class$="-col"]:选择所有类名中以”-col”结尾的元素:after和:before的作用及使用方法1.:before 和 :after 的主要作用是在元素内容前后加上指定内容html:&am原创 2018-07-25 14:50:21 · 1178 阅读 · 0 评论 -
清除浮动
清除浮动方法一:.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}方法二: .parent { overflow: hidden; }方法三: <div class="parent"&g...原创 2018-10-30 15:36:38 · 139 阅读 · 0 评论 -
瀑布流的两种实现方式
瀑布流的两种实现方式1.采用绝对定位的方式也可以用浮动瀑布流—js(查看代码)2.纯Css的方式瀑布流—css(查看代码)原创 2018-10-30 15:39:13 · 574 阅读 · 0 评论 -
修改浏览器select默认样式
修改浏览器select默认样式 <div class="select"> <select name="brower"> <option value="one">新东方培训网站</option> <option value="two" select原创 2018-12-24 18:10:28 · 850 阅读 · 0 评论 -
css之选择器
css之选择器1.兄弟选择器 1.相邻兄弟选择器 相邻:与 某元素 紧紧挨在一起的元素 作用:匹配 下一个相邻元素(只能向下找不能向上找) 语法: + 作为结合符 selector1+selector2 <div> <p></p> <h1 class="head" id="myH1"></h1&am原创 2019-03-07 17:46:13 · 279 阅读 · 0 评论 -
CSS3 背景
CSS3 背景背景图片背景颜色属性:background-color取值:合法的颜色值 或 transparent注意:默认情况下,背景(颜色、图像)是从边框位置处就开始填充背景图片属性:background-image取值:url(图像的URL) “xxx"/ ‘xxx’ /xxx背景平铺属性:background-repeat取值:repeat:水平...原创 2019-03-07 17:46:37 · 234 阅读 · 0 评论