-
padding实现白眼
查看全部 -
padding实现三道杠
查看全部 -
利用padding实现正方形
查看全部 -
利用padding实现正方形
查看全部 -
高度可控分割线
查看全部 -
inline水平方向影响尺寸
查看全部 -
a标签不使用伪类，直接使用inline-block加double实现三道杠
<!DOCTYPE html>
<html>
<head>
<style>
.double{
display:inline-block;
width:100px;
heiht:10px;
border-top:30px double;
padding:5px 0;
border-bottom:10px solid
}
</style>
</head>
<body>
<a class="double" href="https://www.imooc.com">
</a>
</body>
</html>
查看全部 -
使用border-style的double属性更加便捷的写出三道杠
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.double{
width:100px;
height:10px;
border-top:30px double;
border-bottom:10px solid;
}
</style>
</head>
<body>
<div class="double"></div>
</body>
</html>
查看全部 -
padding影响元素尺寸查看全部
-
ol/li元素内置padding-left，但是单位是px不是em。
所有浏览器radio/checkbox单复选框无内置padding
查看全部 -
padding不支持任何负值，padding百分比是相对于宽度计算的。
inline元素padding：
1.同样相对宽度计算
2.默认的高度宽度细节有差异
3.padding会断行
inline元素的垂直padding会让空白节点显现，也就是规范中的strut
查看全部 -
高度可控的分割线
查看全部 -
padding inline元素对尺寸的影响
查看全部 -
padding对水平元素的尺寸影响
查看全部 -
padding影响元素尺寸
查看全部
举报