您现在的位置:首页 >> 前端 >> 内容

操作边框的属性(代码实例)

时间:2018/1/18 15:37:50 点击:

  核心提示:操作边框的属性(代码实例)!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN https://www.w3.org/TR/xhtml...

操作边框的属性(代码实例)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
	/* 
		p默认是没有边框呃。
	*/
	
	p{
		width:100px;
		height:100px;
		border-style:dotted solid double ; /* 设置边框的样式  上 右 下 左*/
		border-color:#F00;
		border-bottom-color:#0FF;
		border-top-width:100px;
	}




</style>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<p>这个是第一个p</p>
	
</body>
</html>

作者:网络 来源:toshibabaj