文本框输入的样式

文本框文字的输入样式设计，这里分四种样式：

1、从左到右

2、从右到左

3、从中间到两边

4、两端对齐

效果如下：

 

TextAlignAt.css文件：

.left {
	text-align: left;
	border: 1px dotted black;
	width: 50%;
}
.right {
	text-align: right;
	border: 1px dotted black;
	width: 50%;
}
.center {
	text-align: center;
	border: 1px dotted black;
	width: 50%;
}
.justify {
	text-align: justify;
	border: 1px dotted black;
	width: 50%;
}

前台调用：

        文本框输入样式一<从左到右>：<input type="text" class="left" /><br />
        文本框输入样式二<从右到左>：<input type="text" class="right" /><br />
        文本框输入样式三<从中间到两边>：<input type="text" class="center" /><br />
        文本框输入样式四<两端对齐>：<input type="text" class="justify" /><br />