div

1. 让div中的文本在水平及垂直方向居中;并让div盒子水平居中

<html>
<head>
<style> 
div.1
{
	width:100px;					/* 宽度 */
	height:40px;					/* 高度 */
	background-color:#ff9900;			/* 背景色 */
	border:thin solid red;				/* 线宽 线型 颜色*/
	border-radius:10px;					
	box-shadow: 5px 5px 1px #888888;
	margin:0 auto;					/* div盒子水平居中 */
	text-align:center; 				/* 文本水平居中 */
	vertical-align:middle;				/* 文本垂直居中 */
}
</style>
</head>
<body>
<div.1>cancle</div>
</body>
</html>
在Hello.sln(使用sciter3界面库)上运行的效果:

div_第1张图片

你可能感兴趣的:(html,css,Sciter)