关于border边框内偏移的css方法_html/css_WEB-ITnose

WBOY
发布: 2016-06-21 09:13:22
原创
3724 人浏览过

如图:
1有左边框白色的。
2白色左边框往蓝色里面移动几十像素
请问用css怎么才能达到2的效果呢?
我1是用的border-left:1px #fff solid;
但是不知道如何将边框往内移进去


回复讨论(解决方案)

用div定一条线

2个div么

一个是蓝色背景 里面一个是带边框线的div

或者一个div  背景图片就是 白线  控制白线定位就可以了

<!doctype html><html lang="en"><head>	<meta charset="UTF-8">	<title>页面名称</title><style type="text/css">#box {	width: 200px;	height: 100px;	background-color: #00f;}#box:before {	content: "";	display: block;	height: 100%;	margin-left: 50px;	border-left: 1px solid #ff0;}</style></head><body><div id="box"></div></body></html>
登录后复制

用margin-left就行啊 ,将整个div{ margin-left:10px;}

3楼的方法很省事,CSS3的
还可以在其中加一个元素,白色,1像素.绝对定位

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板