一、表格属性
给表格设置下边框:1、清除边框:border: none;
2、设置下边框:border-bottom: 数值 ,solid 色值 ;
实现隔行换色:1、伪类元素:nth-child(),odd:奇数
1、伪类元素:nth-of-type(), even:偶数
鼠标悬停变色:给悬停元素:hover background-color:色值
表格实现响应式效果:1、需要将其写一个父元素
2、给其父元素设置overflow:auto(溢出)
table{
width: 800px;
text-align: center;
}
th,td{
border: 1px solid red;
}
thead{
background-color: orangered;
color: white;
}
tbody tr:nth-of-type(even){
background-color: rebeccapurple;
}
tbody tr:nth-child(odd){
background-color: yellow;
}
tbody tr:hover{
background-color: green;
}
效果图如下:
二、表单属性
1.1表单基础属性
去除标签轮廓:outline:none
文本框提示信息与边框距离:padding
带有图标的输入框:background:url()
缩小背景图:background-size:
禁止文本域大小随意拖动:resize:none
1.2表单轮廓属性
outline-style:属性指定轮廓的样式,并可设置如下·
datted -定义点状的轮邱。
dashed-定义虚线的轮廓。
so1id-定义实线的轮廓。
double-定义双线的轮廓。
roove-定义3D凹传轮闻。
ridgel-定义3D凸槽轮廓.
inset-定义犯凹边轮廓。
outset-定义3D凸边轮廊。
none-定义无轮廓。
hidden -定义隐范的轮廓。