Preguntas etiquetadas con css

CSS (Cascading Style Sheets) es un lenguaje de hojas de estilo de representación que se utiliza para describir el aspecto y el formato de documentos HTML (HyperText Markup Language), XML (Extensible Markup Language) y elementos SVG que incluyen (entre otros) colores, diseño, fuentes, y animaciones. También describe cómo se deben representar los elementos en la pantalla, en papel, en el habla o en otros medios.

7
¿Cómo alinear el elemento absolutamente posicionado al centro?
Estoy tratando de apilar dos lienzos juntos y convertirlos en un lienzo de doble capa. He visto un ejemplo aquí: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Pero me …
103 css  html5-canvas 
7
Tamaño de la columna de la tabla
En Bootstrap 3, podría aplicar col-sm-xxa las thetiquetas en las theadcolumnas de la tabla y cambiar el tamaño a voluntad. Sin embargo, esto no funciona en bootstrap 4. ¿Cómo puedo lograr algo como esto en bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> …
2
Hacer que un artículo flexible flote a la derecha
tengo un <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> El padre tiene .parent { display: flex; } Para mi primer hijo, quiero simplemente hacer flotar el artículo hacia la derecha. Y mis otros divs para seguir la regla flexible establecida por el padre. ¿Es …
103 html  css  flexbox 
10
Cómo estirar la imagen de fondo para llenar un div
Quiero establecer una imagen de fondo para diferentes divs, pero mis problemas son: El tamaño de la imagen es fijo (60px). Variando el tamaño de div ¿Cómo puedo estirar la imagen de fondo para llenar todo el fondo del div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Consulta …
10
¿Cómo hacer una elegante flecha usando CSS?
Ok, entonces todos saben que puedes hacer un triángulo usando esto: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Y eso produce un triángulo relleno sólido. Pero, ¿cómo harías un triángulo con forma de flecha de tipo hueco, como …
102 html  css  css-shapes 
7
¿Sass o brújula sin rubí?
¿Hay alguna forma de usar Sass o Compass o algo así sin Ruby? He estado buscando en Google y en este sitio y no puedo encontrar nada, se agradecería cualquier ayuda. Gracias
102 css  sass  compass-sass 
10
¿Puedes hacer este diseño HTML sin usar tablas?
Ok, tuve un problema de diseño simple hace una semana o dos. Es decir, las secciones de una página necesitaban un encabezado: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ Cosas bastante simples. La cosa es que el odio a las tablas parece haberse apoderado del mundo web, lo cual recordé cuando …
102 html  css  layout 
4
Colocando un div cerca del lado inferior de otro div
Tengo div exterior e interior div. Necesito colocar el div interno en la parte inferior del externo. El div exterior es elástico (ancho: 70% por ejemplo). También necesito centrar el bloque interior. El modelo simple del maquillaje descrito se muestra en la siguiente imagen:
102 html  css  layout 
3
¿Cómo diseñar la <opción> con solo CSS?
Nota: esta pregunta no se trata de crear un menú desplegable personalizado. Solo se trata de posibilidades de &lt;option&gt;elementos de estilo dentro del elemento seleccionado en CSS ¿Cómo puedo &lt;option&gt;diseñar un &lt;select&gt;elemento con compatibilidad entre navegadores? Conozco muchas formas de JavaScript que personalizan el menú desplegable para convertir &lt;li&gt;, sobre …
102 css  html-select 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.