CSS深入理解之border_技术问答

首页免费课 CSS深入理解之border 问答

CSS深入理解之border

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之padding
中级·52482
免费课程
                                
CSS深入理解之margin
中级·55944
免费课程
                                
CSS深入理解之z-index
中级·40882
免费课程
                                
CSS深入理解之relative
中级·47920
免费课程
                                
CSS深入理解之vertical-align
中级·39338
免费课程
                                
CSS深入理解之line-height
中级·43086
免费课程
                                
                难度中级
            
                时长41分
            
                学习人数
            
综合评分9.63
                            187人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.7
                                简洁易懂
                            
                                9.5
                                逻辑清晰

全部评论问答未解决精华

小白已die

这人说话我好想抽他

1 5-1 5. border与三角等图形构建

2017-03-08

微笑WEIXIAO

不支持就不支持了哥你激动什么

0 1-1 1. border-width为何不支持百分比值

2017-03-08

qq_岳_1

老师真会玩，唯有爱，大爱啊

1 7-1 7. border在布局中的应用

2017-03-08

慕斯卡4670419

/*使用梯形叠加实现伪圆角效果*/

.box{

width: 600px; height: 200px;

background-color: #c00;

}

.border{

width: 590px;

border:5px solid;

border-color: transparent;

}

.bottom{

border-bottom-color: #c00;

}

.top{

border-top-color: #c00;

}

0 5-1 5. border与三角等图形构建

2017-03-07

慕斯卡4670419

border宽度不可使用百分比，受此限制，无法用于百分比布局需要；

boder-color属性可继承color，因此可用于一次性优化多个布局；

border可以透明，transparent属性，可利用此属性生成三角或者梯形；

border-style中的double及dotted可用于创建三条短线样式、圆。

border以及background配合使用，可以定位背景图片至右侧。（backgroud-positon默认相对左上角）

2 4-1 4. border与background定位

2017-03-07

qq_后会无期_17

没看出来圆角有多可爱

0 5-1 5. border与三角等图形构建

2017-03-06

大LOVE辉

黑色部分占据了border的内容

0 7-1 7. border在布局中的应用

2017-03-05

呀_明静

看完视频后，瞬间涨姿势了，get到技能了。

0 6-1 6. border与透明边框

2017-03-04

慕码人2403564

哈哈哈，真棒！

0 7-1 7. border在布局中的应用

2017-03-04

transition 怎么用？？

最新回答 / 前端小蜗牛_

transition实现元素的过度效果，语法格式：transition : transition-property || transition-duration || transition-timing-function || transition-delay;分别表示：过度的属性，时间，方式，延迟时间。这里只说明方式：linear(速度不变),ease(默认值，缓慢开始，缓慢结束),ease-in(先慢后快),ease-out(先快后慢),ease-in-out(和ease有所差别，但差别不大)基于...

1 回答 1258 浏览 3-1 3. border-color与color

2017-03-04