Maison > interface Web > tutoriel HTML > 我在用CSS编一个表格,想把背景图片加到表头里,而表单的背景是空白的,具体代码和相关信息如下。在线等!_html/css_WEB-ITnose

我在用CSS编一个表格,想把背景图片加到表头里,而表单的背景是空白的,具体代码和相关信息如下。在线等!_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:13:26
original
1829 Les gens l'ont consulté


 
  


 
    
      
      
      
      
    
    
1111 1111 1111 1111

这个NAV的例子我是在网上找到的,用了之后完全没效果,请各位大神帮忙!


回复讨论(解决方案)



放到表格外面去,

然后改成
.nav
{
background:url("images/home.jpg") no-repeat;
}

background-image是不能写 no-repeat的background才可以

老大 我放到表格外边了 可还是没效果 是不是我放错位置了?  你告诉一下我具体放到哪儿吧 谢谢了

放到表格外面去,

然后改成
.nav
{
background:url("images/home.jpg") no-repeat;
}

background-image是不能写 no……

例子

<style type="text/css">body,table{  font-size:12px;} table{  table-layout:fixed;  empty-cells:show;   border-collapse: collapse;  margin:0 auto;}td{  height:20px;}h1,h2,h3{  font-size:12px;  margin:0;  padding:0;}.title { background: #FFF; border: 1px solid #9DB3C5; padding: 1px; width:90%;margin:20px auto; }  .title h1 { line-height: 31px; text-align:center; background: #2F589C url(th_bg2.gif); background-repeat: repeat-x; background-position: 0 0; color: #FFF; }  .title th, .title td { border: 1px solid #CAD9EA; padding: 5px; }   table.t1{  font-family: sans-serif;  border:1px solid #cad9ea;  color:#696969;}table.t1 th {  height:30px;}table.t1 td,table.t1 th{  border:1px solid #cad9ea;  padding:0 1em 0;}table.t1 tr.a1{  background-color:#DCDCDC;}  .nav  {  background:url("http://www.fjms.net/pic/vImage/2008-08/20080806122054907875.jpg") no-repeat;  }</style>   <table width="80%" id="mytab" border="0" class="t1">  <tr class="nav">  <td class="nav">1111</td>  <th>1111</th>  <th>1111</th>  <th>1111</th>  </tr>  </table>
Copier après la connexion

我解决了 不过nav还是没用上 我把背景图片加到table里了 能实现了。。。 例子

HTML code

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal