«css» etiketlenmiş sorular

Sütun aralıklarını tamamen aşağı renklendirmenin bir yolu var mı? Aşağıdaki örneğe bakın: <table border="1"> <tr> <th>Motor</th> <th colspan="3">Engine</th> <th>Car</th> <th colspan="2">Body</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> <tr> <td>7</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> </tr> </table> Kod parçacığını çalıştırınSonuçları gizleSnippet'i genişlet Ve renklendirmenin daha iyi …

121 html  css 

Bir giriş numarası alanındaki numarayı değiştirerek kaydırma tekerleğini devre dışı bırakmak mümkün müdür? Spinner'ı kaldırmak için webkit'e özgü CSS ile uğraştım, ancak bu davranıştan tamamen kurtulmak istiyorum. type=numberİOS'ta güzel bir klavye getirdiği için kullanmayı seviyorum .

121 javascript  css  html  forms 

Bunun gibi bazı HTML ile: <p>Some Text</p> Sonra bunun gibi bazı CSS'ler: p { color:black; } p:hover { color:red; } Dokunma özellikli bir cihaza uzun bir dokunuşun fareyle üzerine gelmeyi çoğaltmasına nasıl izin verebilirim? İşaretlemeyi değiştirebilir / JS vb. Kullanabilirim, ancak bunu yapmanın kolay bir yolunu düşünemiyorum.

120 javascript  html  css  hover  touch 

Bir tablodaki belirli satırların etrafına kenarlık koyabilen bazı HTML / CSS tasarlamaya çalışıyorum. Evet, mizanpaj için gerçekten tablo kullanmam gerektiğini biliyorum, ancak henüz tamamen değiştirmek için yeterli CSS bilmiyorum. Her neyse, bazıları satır aralığı ve colspan ile birleştirilmiş birden çok satır ve sütun içeren bir tablom var ve tablonun bazı …

120 html  css  border  css-tables 

Bir PNG ve CSS3 animasyonu kullanarak Apple tarzı bir etkinlik göstergesini (güneş saati yükleme simgesi) kopyalamaya çalışıyorum. Görüntüyü sürekli olarak döndürüyorum ve yapıyorum, ancak animasyon bittikten sonra bir sonraki dönüşü yapmadan önce bir gecikme var gibi görünüyor. @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } …

120 animation  webkit  css  transform 

Tabloda bir alımın bazı ayrıntılarını göstermeye çalışıyorum. Ürünleri göstermek için bu tablonun minimum yüksekliğe sahip olmasını istiyorum. Yani tek bir ürün varsa, tablonun sonunda en azından biraz beyaz boşluk olacaktır. Öte yandan 5 veya daha fazla ürün varsa, o kadar boş alan olmayacaktır. Bu css ile denedim: table,td,tr{ min-height:300px; } …

120 html  css 

Şu anda materialize CSS ile çalışıyorum ve görünüşe göre seçili alanlarla uğraştım. Kendi sitelerinden sağlanan örneği kullanıyorum ama maalesef görünümde her ne olursa olsun oluşturuluyor. Başka birinin yardım edip edemeyeceğini merak ediyordum. Yapmaya çalıştığım şey, dolgu sağlayan 2 uç ayırıcıya sahip bir satır oluşturmaktır - daha sonra içteki iki satır …

120 javascript  html  css  materialize 

CSS'mdeki koşulları kullanmak istiyorum. Buradaki fikir, site çalıştırıldığında doğru stil sayfasını oluşturmak için değiştirdiğim bir değişkenim olmasıdır. Bunu, bu değişkene göre stil sayfasının değişmesini istiyorum! Şöyle görünüyor: [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px 8px; Bu yapılabilir mi? Bunu nasıl yapıyorsun?

120 css  stylesheet  conditional-statements 

Bu konuyu buldum - Resmin en boy oranını korurken bir resmi <div> 'i dolduracak şekilde nasıl uzatırsınız? - bu tamamen istediğim şey değil. Belli büyüklükte bir div'im ve içinde bir resim var. Görüntünün yatay veya dikey olmasına bakılmaksızın, div'i her zaman görüntüyle doldurmak istiyorum . Ve görüntünün kesilmiş olması da …

120 image  css  positioning  flexbox 

Kodumla ilgili bir sorunum var. Çünkü sayfam için genel bir yazı tipi eklemek istiyorum ve bir .ttf dosyası indirdim. Ve bunu ana CSS'ye ekledim ama yazı tipim değişmeyecek. İşte benim basit kodum: @font-face { font-family: 'oswald'; src: url('/font/oswald.regular.ttf'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, …

120 html  css 

İki CSS animasyonunun farklı hızlarda oynatılmasını nasıl sağlayabilirim ? Görüntü aynı anda dönüyor ve büyüyor olmalıdır. Dönüş her 2 saniyede bir dönecektir. Büyüme her 4 saniyede bir dönecektir. Örnek Kod: .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation:spin 2s linear infinite; …

120 css  css-animations 

Öyleyse, visibilitymülkü fiilen kullanımdan kaldırıyor mu? (Internet Explorer'ın henüz bu CSS2 özelliğini desteklemediğinin farkındayım.) Düzen motorlarının karşılaştırmaları Ayrıca bakınız: görünürlük: gizli ve görüntülü: yok arasındaki fark nedir

119 html  css 

Kullanıcının oklara tıklayarak resimler arasında geçiş yapabileceği bir resim karuseli yapmak istiyorum. Örneğin: Ancak, yalnızca HTML ve CSS kullanabiliyorum — JavaScript kullanmıyorum (ve dolayısıyla jQuery). Sadece temel kuruluma ihtiyacım var; yumuşak geçişler ve benzeri gerekli değildir. Bunu başarmaya nasıl devam edebilirim?

119 javascript  jquery  html  css 

Bununla ilgili daha önce sorular olmuştu: RTL dillerini destekleyen Twitter Bootstrap CSS Ancak tüm yanıtlar Bootstrap 2.x için iyidir Arapça (rtl) bir proje üzerinde çalışıyorum ve sağdan sola Bootstrap 3.x'e ihtiyacım var. Bunun için bir düzeltme bilen var mı?

119 css  html  twitter-bootstrap  twitter-bootstrap-3 

Gezinme çubuğuna başlık olarak bir metin ekleyerek bir kayıt sayfası geliştiriyorum. Bu metinlere farklı renkler vermek istiyorum. Bu amaçla ayrı bir CSS dosyası kullanıyorum, ancak bunu bootstrap'ın CSS dosyasını kullanarak yapmak istiyorum. Mevcut renk sınıflarını bootstrap'ta listeleyen var mı?

119 css  twitter-bootstrap  twitter-bootstrap-3  bootstrap-4