none
css可以实现如下效果吗 RRS feed

  • 问题

  • 

    这个用css可以实现吗,目前我现在只能用两种不同的背景颜色来区分,例如一个白色一个灰色


    日积月累,博采众长

    2012年11月28日 3:04

答案

全部回复

  • 你好,这个是可以的!我以前就做过

    但是比较带有局限性

    你先用2个<div />用css去控制他们文字内用

    协<br />会<br />名<br />称

    类<br />别

    然后再用一个大的div去包起那两个<div />最后在大的div里设置一张斜线的背景图即可~


    博客园: dotNetDR_ 的博客 - 天杀下来的BUG,不怕有我来挡!

    博客园介绍: 博客园创立于2004年1月,是面向软件开发者的高品质IT技术社区,聚集了很多优秀的软件开发者和IT技术学习者。

    2012年11月28日 10:43
  • 可以不用通过任何图片实现,搜索一下:CSS 3 对角线。

    edc4ed8ca40b483f1d9b416b2fb9ae4c20100907004122.jpg (500×134)

    示例来源:http://www.phper.org.cn/?post=63


    Willin.org

    2012年12月3日 8:24
  • <html>
      <style>
    	#mark { width: 70px;background: url("bj.jpg"); } /*bj.jpg为你设计的背景*/
    	#top { display: block;float:right; }
    	#left { display: block;margin-top: 95px; }
    	table { border-collapse: collapse; border: 1px solid #888; }
    	table td { border: 1px solid #888; }
    	table th { border: 1px solid #888; }
      </style>
    <body>
      <table>
        <tr>
    	  <th id="mark">
    		<span id="top">协<br />会<br />名<br />称</span>
    		<span id="left">类别</span>
    	  </th>
    	  <th>111</th>
    	  <th>222</th>
    	  <th>333</th>
    	</tr>
    	<tr>
    	  <td>Type1</td>
    	  <td>aaa</td>
    	  <td>bbb</td>
    	  <td>ccc</td>
    	</tr>
    	<tr>
    	  <td>Type1</td>
    	  <td>aaa</td>
    	  <td>bbb</td>
    	  <td>ccc</td>
    	</tr>
    	<tr>
    	  <td>Type1</td>
    	  <td>aaa</td>
    	  <td>bbb</td>
    	  <td>ccc</td>
    	</tr>
      </table>
    </body>
    </html>


    博客园: dotNetDR_ 的博客 - 天杀下来的BUG,不怕有我来挡!

    博客园介绍: 博客园创立于2004年1月,是面向软件开发者的高品质IT技术社区,聚集了很多优秀的软件开发者和IT技术学习者。

    2012年12月4日 3:06