sustituir los gifs transparentes con css

[chusete]

como consigo poner una linea de un color determinado y de un pixel de tamaño con css sin tener que recurrir a usar border?

lo que quiero es crear varias filas de 1 pixel y de un color diferente, algo que con los gifs transparentes en las tables era muy facil de hacer, pero ahora que quiero aplicar estrictamente css desconozco cómo hacerlo.

[kemie]

porque no quieres usar border? exactamente que quieres hacer?

[PascalC]

Para que sirven tus lineas ? Si son separadores, usa un HR al que pones CSS. Si delimitan bloques de informacion, usa los borders. Si son puramente decorativas, usa el backlground-color.

[chusete]

son puramente decorativos, es darle a una div el aspecto de 2 bordes a cada lado de diferentes colores, algo que hago con tables sin problemas dando gifs transparentes y luego poniendo color al tr o td, como lo conseguiria con css?

[PascalC]

si nos puedes poner un ejemplo online con tablas, te podremos hacer una version CSS (bueno, yo no podria hacertelo antes del martes, ya que me voy al campo esta tarde ;) )

A primera vista y si entiendo bien lo que quieres hacer, podria ser algo asi :

<div style="border:1px solid red; padding: 4px;">
<div style="border:1px solid blue;">
contenido
</div>
</div>