课程/HTML/CSS/前端开发
CSS深入理解之border
-
-
百事可爱i
2021-09-03
两栏等高布局:不支持百分比分宽度

-
0赞 · 0采集
-
-
shi0299
2019-01-04
父级boder布局
-
0赞 · 0采集
-
-
qq_银色水晶瓶_0
2018-11-24
border与等高布局
left 负值移上去
不支持百分比宽度
两栏
-
截图
0赞 · 0采集
-
-
qq_银色水晶瓶_0
2018-11-24
布局中的border
border与等高布局
-
截图
0赞 · 0采集
-
-
慕仰4107849
2018-09-13
- done
-
0赞 · 0采集
-
-
Sandaydi
2018-06-25
border在布局中的应用 原理一
(不支持百分比宽度)
-
截图
0赞 · 0采集
-
-
大雅
2018-04-12
等高布局
-
截图
0赞 · 0采集
-
-
Seize_fc
2018-04-11
等高布局
-
截图
0赞 · 0采集
-
-
慕慕4469790
2018-02-04
- 两栏等高布局
-
截图
0赞 · 0采集
-
-
Jaaan
2018-01-28
- 原理
-
截图
0赞 · 0采集
-
-
还是努力学技术好
2017-12-12
- 1.background-clip: border-box/padding_box/content-box;
border-box:背景被裁剪到边框盒
padding-box:背景被裁剪到内边距框
content-box:背景被裁剪到内容框
2.filter:drop-shadow(x,y,blur,color)
可以给png图片加阴影,改变颜色
-
0赞 · 1采集
-
-
慕粉3221337
2017-11-20
- <style type="text/css">
.box{border-left: 300px solid pink;float: left;background-color: grey;}
.left{width: 300px;margin-left: -300px;float: left;}
</style>
</head>
<body>
<div class="box">
<nav class="left">
<h3>nav1</h3>
</nav>
<section>
<div class="module">module1</div>
</section>
</div>
<script>
document.getElementsByTagName("h3")[0].onclick = function(e){
var nav = document.createElement("h3");
nav.innerHTML = "nav...";
document.getElementsByClassName("left")[0].append(nav);
}
</script>
-
截图
0赞 · 0采集
-
-
qq_过好每一天_0
2017-11-15
- 两栏等高
-
截图
0赞 · 0采集
-
-
qq_啊呐_03348953
2017-11-06
- border实现等高布局的局限:不支持百分比宽度
-
0赞 · 0采集
-
-
笨重的瘦子
2017-10-26
- 1.background-clip: border-box/padding_box/content-box;
border-box:背景被裁剪到边框盒
padding-box:背景被裁剪到内边距框
content-box:背景被裁剪到内容框
2.filter:drop-shadow(x,y,blur,color)
可以给png图片加阴影,改变颜色
-
0赞 · 1采集
-
-
前端薇薇
2017-08-30
- border实现等高布局的局限:不支持百分比宽度
-
截图
0赞 · 0采集
-
-
前端薇薇
2017-08-30
- border:等高布局
-
截图
0赞 · 0采集
-
-
li99999
2017-08-02
- dorder等高布局
-
0赞 · 0采集
-
-
名叫杰森的熊猫
2017-07-23
- border实现等高布局,局限:不支持百分比宽度
-
截图
0赞 · 2采集
-
-
orangewangjie3473319
2017-07-21
- border实现等高布局,局限:不支持百分比宽度
-
截图
0赞 · 0采集
-
-
风到这里就是粘
2017-07-09
- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.box{border-left:200px solid pink;}
.left{width:200px;margin-left:-200px;float:left;}
.module{width:300px;background:yellow;}
</style>
</head>
<body>
<div class="box">
<nav class="left">
<!-- HTML5的新标签。定义导航链接的区域-->
<a href="#">导航1</a>
</nav>
<section>
<div class="module">模块1</div>
</section>
</div>
</body>
</html>
-
0赞 · 0采集
-
-
慕粉2155052002
2017-06-19
- 要实现百分比等高布局,可以用margin,padding实现
-
0赞 · 0采集
-
-
慕粉2155052002
2017-06-19
- border 实现等高布局不支持百分比分宽度
-
截图
0赞 · 0采集
-
-
慕粉2155052002
2017-06-19
- 实现等高布局的方法
-
截图
0赞 · 0采集
-
-
慕粉2155052002
2017-06-19
- 利用border实现等高布局
-
0赞 · 0采集
-
-
jatq
2017-06-15
- 边框实现等高布局
-
截图
0赞 · 0采集
-
-
慕哥7187694
2017-05-24
- 等高布局实现
-
截图
0赞 · 0采集
-
-
慕粉0031577188
2017-04-26
- 利用border实现等高布局,不支持百分比宽度
-
截图
0赞 · 0采集
-
-
李大_
2017-04-13
- border 实现 等高布局。
局限:不支持百分比宽度!
-
截图
0赞 · 2采集
-
-
Blue涇
2017-04-09
- 两栏等高布局(局限:不支持宽度百分比)
-
截图
0赞 · 0采集