文档章节

border边框问题

柒仔仔
 柒仔仔
发布于 2016/10/26 11:46
字数 85
阅读 3
收藏 0

源码:

.textarea{width: 100%; height: 10rem;
    form{
        height: 10rem;
        textarea{ outline: none; padding:5%;
            height: 79%; width: 90%; border-top:1px solid @colorf3;border-bottom:1px solid @colorf3;
        }
        .i{ position: absolute; bottom:10px; left: 10px; z-index: 9;}
    }
}

效果:问题前效果

解决:

.textarea{width: 100%; height: 10rem; border:none;
    form{
        height: 10rem;
        textarea{ outline: none; padding:5%;
            height: 79%; width: 90%; border: none; border-top:1px solid @colorf3;border-bottom:1px solid @colorf3;
        }
        .i{ position: absolute; bottom:10px; left: 10px; z-index: 9;}
    }
}

效果:

解决问题后效果

© 著作权归作者所有

柒仔仔
粉丝 0
博文 8
码字总数 1741
作品 0
海淀
前端工程师
私信 提问
表格行与列边框样式处理的原理分析及实战应用

欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:韩宇波 导语:table之间的边框存在共用问题,自然而然就存在冲突。既然存在冲突,那么就势必涉及到最后渲染哪一个样式的问题...

腾讯云加社区
2017/11/07
7
0
CSS(一) CSS背景

CSS背景 ---------- 既有css3之前的用法也有css3的用法,没有区分出来哈,我想要速成就没有管这个。 CSS设置背景颜色:属性background-color,这个属性的作用范围是,background-color 属性为...

年少爱追梦
2016/06/08
73
0
超级小白学习日记(4.25)

如图,margin边框分别设置为10 20 20 20 按顺序,四个数字的定位从top顺时针方向行使命令。 原lsider高为650,里面两个test高均为300。由于上下分别设置了边框,那应该是top10,bottom20,为...

超级小白17
2017/04/26
0
0
border属性的多方位应用和实现自适应三角形

属性是在实际的应用中使用频率比较高的一个属性,除了作为边框使用,利用border属性的一些特征以及表现方式,可以在实现一些比较常见的效果(如等高布局,上下固定内容滚动布局和绘制CSS图标...

深海鱼在掘金
2018/10/30
0
0
CSS3 border-image详解、应用及jQuery插件

一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅 Firefox3.5,chrome浏览器,Safari3+支持...

林文安
2012/05/31
95
0

没有更多内容

加载失败,请刷新页面

加载更多

DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
今天
3
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
今天
4
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
今天
6
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
今天
5
0
Python机器学习之数据探索可视化库yellowbrick

背景介绍 从学sklearn时,除了算法的坎要过,还得学习matplotlib可视化,对我的实践应用而言,可视化更重要一些,然而matplotlib的易用性和美观性确实不敢恭维。陆续使用过plotly、seaborn,...

yeayee
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部