css样式的边框能50%,css样式中边框颜色和大小

css的提示框，{left: 50%;margin-left: -60px;}为什么能起到居中定位的效果呢？

position:absolute 已经脱离文档流，它的margin直接相对于body定位。正常来讲，删掉left:50% 位置应该发生变动才对（正常情况会跑出父元素的控制范围）。很奇怪，求源代码代码一起研究（它的父元素和兄弟元素对它都是有影响的）。

margin-left 相对于谁，就要看父元素了，如果父元素也是absolute，那么相对于父元素，否则直接相对于窗体(body).

居中效果：

left:50%,margin-left:-60px 如果它的长度正好是60px，那么看起来正好居中：这时它到的实际左外边距等于: 可用空间的50%-60px。

相关问答

Q1: 怎样设置CSS让左边框上部指定height:50px的部分border:0px？

比较简单的解决办法

一、里面套两个div,一个高50px,宽100%另一个高150px,宽299,左边框1px

二、或者你用图片,1px宽,200px高,也不大。

三、里套个50px高的元素,定义position:relative;left:-1px;width:300px;height:50px ;background:#fff

用这个的白色背景盖住那部分边框

一、里面套两个div,一个高50px,畅浮扳簧殖毫帮桐爆昆宽100%

另一个高150px,宽299,左边框1px

二、或者你用图片,1px宽,200px高,也不大

三、里套个50px高的元素,定义position:relative;left:-1px;width:300px;height:50px ;background:#fff

用这个的白色背景盖住那部分边框

怎样设置CSS让左边框上部指定height:50px的部分border:0px,即部分边框不可见。： 牛角尖不能钻,进去就出不来了 比较简单的解决办法 一、里面套两个div,一个高50px,宽100% ...

2个有边框的DIV中间的border怎么让他们重合 - 技术问答： 1、css代码: .divcss5{width:100px;height:50px;border:1...

怎样用css写出圆形边框： css代码: .yj{ padding:10px; width:300px; height:50px...

HTML 这个Div框框怎么弄?： border-left-color:#000 设置左边框颜色为黑色;...css边框样式单词是bor...

怎么用css控制border成为三角形： 布局div,并命名id="tri",用CSS来控制div,在style里面,使用border属性对d...

css里设置border颜色： 1、定义:元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。 CSS border...

div的圆形边框怎么弄,还有的两个角方的,两个角圆的,要怎么设定CSS文件啊： css代码: .yj{ padding:10px; width:300px; height:50px...

CSS不能直接给图片加边框和一些样式吗.就是一张IMG图片.： 大多数浏览器都遵循 CSS2.1 定义,不过一些较老的浏览器可能会有不同的...border:sol...

CSS如何怎么设置div边框颜色宽度和高度： css的border属性可以设置边框的粗细、样式和颜色,而边框的宽度和高度取决于div的宽度和高度,...

Q2: css样式选取框

用了JQ库，样式在style里，不过要配合js用

!DOCTYPE html

html

head

meta charset="utf-8"

title/title

script src="jquery-3.3.1.min.js"/script

/head

style

.div1{

text-align: center;

background: beige;

width: 50px;

height: 28px;

border-radius: 14px;

}

.span1{

/* margin-top: 7px; */ /* div的时候打开注释 */

background: #CCCCCC;

width: 13px;

height: 13px;

display: inline-block;

border-radius: 7px;

}

.div2{

text-align: center;

background: lawngreen;

width: 50px;

height: 28px;

border-radius: 14px;

}

.span2{

background: white;

width: 13px;

height: 13px;

display: inline-block;

border-radius: 7px;

}

.hid1{

display: none;

}

.hid2{

}

/style

body

!-- button的 --

button class="div1"

span class="hid1"是/span

span class="span1"/span

span class="hid2"否/span

/button

hr

hr

!-- div的 --

!-- div class="div1"

span class="hid1"是/span

span class="span1"/span

span class="hid2"否/span

/div --

/body

script

$(function(){

$(".div1").click(function(){

$(".span1").toggleClass("span2");

$(".div1").toggleClass("div2");

$(".hid1").toggle();

$(".hid2").toggle();

})

})

/script

/html

Q3: html文本框圆角边框css样式怎么写

html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。具体代码如下：

!doctype html

html

head

  meta charset="UTF-8"

  titleDocument/title

/head

body

  textarea style="border-radius: 50px; width: 100px; height: 100px;" /textarea

/body

/html

运行效果如图：

扩展资料：

CSS具有以下特点：

1、丰富的样式定义：

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2、易于使用和修改：

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。

3、多页面应用：

CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

参考资料百度百科——css