设置文字文本水平居中:
text-align:center;
设置文本文字是垂直居中: 使文本的行宽为100%
line_height:100%;
去掉input框的边线:
border:0;
如何为span 、a 这些不能设置宽高的元素设置宽高??? 答:使用
display:inline-block;/*设置被选中元素为行内块级元素*/
inline-block主要的用处是用来处理行内非替换元素的高宽问题的!
行内非替换元素,比如span、a等标签,正常情况下士不能设置宽高的,加上该属性之后,就可以触发让这类标签表现得如块级元素一样,可以设置宽高。一个如图所示的按钮的css样式:
.btn-reg a{
display:inline-block;/*设置被选中元素为行内块级元素*/
width:90%;
height:80%;
background-color: #ffffff;
line-height: 48px;/*行高*/
color:#FF6600;/* rgb(red green blue) */
border:1px solid #FF6600;/*边框:线条宽度 线条类型 线条颜色*/
text-decoration:none;/*设置文本装饰:无需装饰*/
letter-spacing:5px;/*字符间距*/
border-radius:5px;/*边框半径*/
text-align: center;
margin-left: 5%;
}
一个如图所示输入框的代码:
width:90%;
height:80%;
font-size: 18px;
border:0;/*隐藏边框*/
line-height:60px;/*设置行高*/
/*outline:none;*/
border-bottom:1px solid #E6E6E7;
CSS去掉a标签的下划线:
.div-1 a{
text-decoration: none;
}
CSS去掉 li 表签前面的点
.div li{
list-style: none;
}