Pytania oznaczone «css»

Jak mogę stworzyć białą poświatę jako obramowanie obrazu o nieznanym rozmiarze?

Muszę więc stworzyć powtarzający się sześciokątny wzór, używając CSS. Jeśli potrzebne są obrazy, mogę tam wejść, ale wolałbym po prostu użyć CSS, jeśli to możliwe. Oto pomysł na to, co próbuję stworzyć: Po prostu potrzebuję sposobu na utworzenie sześciokątnych kształtów, a następnie...

To powinno być bardzo proste, ale nie mogę tego rozgryźć. Mam taki stół: <table class="category_table"> <tr><td> blabla 1</td><td> blabla 2 </td></tr> <tr><td> blabla 3 </td><td> blabla 4

Ten kod zamazuje niektóre obrazy img { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); } Jednak krawędzie obrazu również ulegają rozmyciu. Czy można rozmazać obraz, zachowując zdefiniowane krawędzie? Jak wstawka, czy...

Jak łączyć rotateX(50deg) rotateY(20deg) rotateZ(15deg)w skrócie rotate3d()?

Zaktualizowałem teraz bootstrap 3.0. Znacznik „a”, który wygląda jak btn (przy pomocy klasy .btn) jest zniszczony na navbar. <li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') ....

Próbuję ustawić szerokość div dynamicznie, ng-styleale nie stosuję stylu. Oto kod: <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle">&nbsp;</div>

Centruję DIV wewnątrz innego DIV za pomocą Flexboksa. Pomyśl o oknie dialogowym, które pojawia się na środku ekranu w razie potrzeby. Działa dobrze, jednak wyglądałoby to znacznie lepiej, gdyby przestrzeń powyżej i poniżej okna dialogowego nie była dokładnie równa, mając 40% pozostałej przestrzeni...

Od dłuższego czasu walczę z tym problemem. Problem można zobaczyć na urządzeniach mobilnych (Android i iOS), niektóre urządzenia mogą wymagać nieco większego powiększenia. Na komputerze mogę również odtworzyć ten błąd w przeglądarce Chrome po przełączeniu do trybu mobilnego. Poniżej znajduje się...

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor...

Mam na przykład: <pre> sun<br/> &nbsp;&nbsp;&nbsp;&nbsp;mercury <br/> &nbsp;&nbsp;&nbsp;&nbsp;venus <br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;earth

Mam listę, z overflow-xoraz overflow-yzestaw do auto. Ponadto skonfigurowałem przewijanie pędu, więc przewijanie dotykowe działa dobrze w urządzeniach mobilnych, przy użyciu webkit-overflow-scrolling: true. Problem polega jednak na tym, że nie mogę dowiedzieć się, jak wyłączyć przewijanie w...

Próbuję stworzyć system menu z obrazem i tekstem powyżej i poniżej. Dane są dynamiczne. Chcę, aby system menu pojawił się w taki sposób, aby każdy obraz był w równej odległości od siebie, tak aby ustawiał się w siatce obrazów zarówno w poziomie, jak i w pionie. Problemem jest tekst. Jeśli tekst...

Napisałem niestandardowy przycisk ( MyStyledButton) oparty na interfejsie materiałowym Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function...

Chciałem zrobić kropkowany okrąg za pomocą CSS i utworzyłem go w następujący sposób. Chociaż ten proces może wyświetlać przerywany okrąg, przerwa między końcem a początkiem przerywanej linii stała się wąska, a odstęp nie był jednolity. .c { width: 500px; height: 500px; border-width: 15px;...

Mam stolik z liczbami. Po kliknięciu komórki w tabeli przełącza ona stan aktywny. Chcę wybrać jedną komórkę i nacisnąć crtl i wybierz inną komórkę, w wyniku czego komórki między pierwszą a drugą staną się aktywne. Jak to wdrożyć? codepen https://codepen.io/geeny273/pen/GRJXBQP <div...

Mam następujący fragment kodu (muszę wyświetlić w trybie pełnoekranowym), że próbuję umieścić <main>element bezpośrednio pod <header>elementem. Mam <header>stałą pozycję, ponieważ chcę, aby pozostała na górze ekranu, gdy użytkownik przewija zawartość <main>elementu....

Próbuję utworzyć animację w stylu roller coaster z CSS. Chcę wiedzieć, jak zakrzywiać „kolejkę”, gdy jest ona w fazie pętli. Poszukuję całego rozwiązania CSS, ale jeśli potrzebuję trochę kodu JavaScript, nie mam nic przeciwko. mój kod do tej pory: #container { width: 200px; height: 300px;...

Pracuję nad tabelą HTML i html-to-paperdrukuję tę tabelę na drukarce przy użyciu vue.js. Po kliknięciu dodaj dodaj nowy wiersz, a następnie po kliknięciu wydruku próbuję wydrukować tabelę, ale to nie zajmuje wszelkie dane pokazujące tylko puste komórki Kod App.vue <template> <div...

Kiedy wpisuję ostatnią cyfrę , pierwsza cyfra wchodzi do text-box(znika), dodaje jedną dodatkową spację. Po kliknięciu na zewnątrz text-boxwygląda dobrze, czego potrzebuję podczas pisania ostatniego znaku. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0;...