Home >Web Front-end >HTML Tutorial >horizonal scroll bar,vertical top align ,display conten in one line css for table or div_html/css_WEB-ITnose
horizonal scroll bar,vertical top align ,display conten in one line css for table or div_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:28:411339browse
I did some CSS tasks while learning today. The following points will be used in the future.
.box
{
overflow:auto; // 1.
}
.tbcontent{
font-family: Arial, Tahoma, Verdana, Calibri;
border:solid #ababab;
-moz-border-radius: 5px;
border-bottom-width: 2px;
border-top -width: 25px;
width: 100%;
text-align:left;
}
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica , sans-serif;
width:100%;
border-collapse:collapse;
border:solid #999999;
border-bottom-width: 2px;
border-top-width : 25px;
-moz-border-radius: 5px;
}
#customers td, #customers th
{
font-size:1em;
padding: 3px 7px 2px 7px;
height:20px;
text-align:center;
white-space:nowrap;// 2.
| Column Header 1 | ..........Column Header N | ..........
|---|
}
#customers th
{
font-size: 1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#bcbcbc;
color:#ffffff;
}
#customers tr.alt td // 3. Implement zebra crossing
{
color:#000000;
background-color:#dedede;
text-align:center;
}
.title
{
position :relative;
top:20px;
left:10px;
color:#ffffff;
font-weight: bold;}
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn