首页 > TAG信息列表 > dashed

css绝对定位

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>默认</title> <style> div{ margin: 10px; padding: 5px; font-size: 12px;

CSS的相对定位详解

大家好,今天给大家分享一下CSS的相对定位 看代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin: 10px; padding: 5p

解决边框塌陷的四种方法

当父级里面的子元素全部使用浮动后,所有子元素脱离了标准文档流,使得父级内部没有其内容,会造成边框塌陷现象。 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>浮动</title>     <link href="css/float.css" rel="st

mouseout和mouseleave的区别

mouseleave事件是各元素各自触发,不是由子元素冒泡而来,而mouseout是由子元素冒泡而来。 举个栗子 .app1 { width: 300px; height: 300px; border: 1px dashed black; } .app2 { width: 200px; height: 200px; border: 1px dashed gray; } .app3 { width: 100px;

小三角形

看效果 思路 1.使用css超伪类。子绝父相(给div设置相对定位,给div的伪类设置绝对定位) 2.宽高设置为0,设置边框宽,边框颜色设置为透明 代码 1.html <div class="sjx"> </div> 2.css * { margin: 0px; padding: 0px; list-style: none; text-decoration: non

Less学习笔记

Less less的使用 以//开头的注释,不会被编译到css文件中 以/**/包裹的注释会被编译到css文件中 变量的语法:@变量名 使用变量时,如果是直接使用则以@变量名使用 作为类名,或者一部分值使用必须以@{变量名}的形式使用 变量发生重名时,会优先使用比较近的变量 &表示外层

outline

outline-style <p class="dotted">dotted</p> <p class="dashed">dashed</p> <p class="solid">solid</p> <p class="double">double</p> <p class="groove">groo

CSS3笔记005 - 第05章 边框样式

第05章 边框样式 边框样式简介 边框宽度border-width 边框外观border-style:none无样式|dashed虚线|solid实线 边框颜色border-color 整体样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>边框属性</title> <style> div{ bo

浮动

>标准文档流:指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。这也是元素默认的排列方式 >浮动:就是脱离标准文档流 display属性:       display特性:     block、inline:块级元素与行级元素的转变 inline-block:控制块元素排到一行  none:控制元素的显示

css绘制提示框

1.div结构 <div class="level_prompt position-absolute"> <div class="arrow" > <span></span> </div> </div