CSS的问题

html-css029

CSS的问题,第1张

<html>

<head>

<title>表格CSS</title>

<style>

<!--

body{

background-color:pink

padding:4px

text-align:center

padding-top:200px

}

td,th,tr

{

color:blue /*表格内字的颜色*/

}

-->

</style>

</head>

<body>

<table border="1" align="center" id="table">

<CAPTION>

年度收入汇总

</CAPTION>

<tbody>

<tr>

<th></th>

<th scope="col">2004</th>

<th scope="col">2005</th>

<th scope="col">2006</th>

<th scope="col">2007</th>

</tr>

<tr>

<th scope="row">打款</th>

<td>11231</td>

<td>1313</td>

<td>32424</td>

<td>32424</td>

</tr>

<tr>

<th scope="row">捐款</th>

<td>1313</td>

<td>23424</td>

<td>24224</td>

<td>23424</td>

</tr>

</tbody>

</table>

</body>

</html>

===========================================================================================================================

看样子你的刚学习网页制作了。。我建议你认真学习一下DIV+CSS布局。采用div+css可以很方便的把任何元素放在任何位置。

====================================================================================================================================================================

<div>

    <p>Test</p>

</div>

<style>

div {

    width: 200px

    height: 200px

    background: #272727

    border: 1px #272727 solid

}

p {

    width: 158px

    line-height: 158px

    color: #fff

    text-align: center

    margin: 20px auto

    border-radius: 4px

    box-shadow: inset 0px 2px 8px 2px #000000

    border: 1px #666 solid

    border-left: 1px #131313 solid

    border-top: 1px #131313 solid

}

</style>

当圆角过大时深色边和高光边交界处会露陷,要不露陷的话:

边框渐变,貌似支持的浏览器少

不用边框,用两个div嵌套,外面那个比里面那个大1px,然后外面那个用45度的斜方向背景渐变(支持的浏览器多),里面那个用背景色加内阴影。