Jak zwiększyć długość ramki poza długość mojego tekstu? To, co mam tak daleko:Wydłuż długość ramki css
color: #8C4600;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
border-bottom: 1px solid #D1D1D1;
Jest to HTML: <li class = "vendors">VENDORS</li>
Granice CSS umieszczane są między marginesami i dopełnieniem elementu HTML. Jeśli chcesz, aby brzegi elementu HTML przekraczały szerokość (lub wysokość) tego elementu, możesz dodać dopełnienie CSS do elementu, aby wypchnąć granice na zewnątrz.
Na przykład, jeśli Twój html to <li class=vendors">VENDORS</li>, dodanie do swojego CSS padding:0 10px; spowoduje przesuwanie granic na prawo i lewo o 10 pikseli.
Yupp! to było to, dziękuję !! – user12074577
Cieszę się, że mogę pomóc! – ASGM
CSS
.inner {
width: 80%;
}
.outer {
border-bottom: 1px solid #D1D1D1;
color: #8C4600;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
}
HTML
<div class="outer">
<p class="inner">Your text</p>
</div>
Będziesz prawdopodobnie trzeba ustawić o szerokość toru. Ponieważ może nie być poprawnie skalowana w każdej przeglądarce. Lub po prostu wykonaj zewnętrzne 120% i wewnętrzną stałą szerokość. Powinien być możliwy w wielu podejściach.
Musisz określić "" obramowanie: ## px kolor; w css.
Spowoduje to utworzenie obramowania wokół powiązanego znacznika html.
Próbkę kodu jest:
<!DOCTYPE html>
<html>
<head>
<style>
p
{
width:225px;
border-style:solid;
border:2px solid red;
}
</style>
</head>
<body>
<p>This is some text in a paragraph.</p>
</body>
</html>
Domyślnie bez szerokości i border-style, granica zajmie 100% przestrzeni. Możesz ograniczyć jego szerokość i styl w dowolny sposób.
Oto a link Do strony, która pomoże Ci najbardziej.
Mam nadzieję, że był pomocny
Zastosowanie wyściółka i marginesy ujemne.
Np .:
div {
padding: 1em;
margin: 0 -1em;
border-bottom: 1px solid red;
}
Powyższe daje wyściółkę ze wszystkich stron, a ujemny margines 1em na lewo i prawo. Możesz chcieć skrzypce w/to.
Proszę napisać html, który jest stylizowany na ten css. – brbcoding
Czy możesz wyjaśnić, co masz na myśli, mówiąc o "przeszłości mojego tekstu"? – zakangelle
Co mam na myśli, to że mam linię tekstu, to mam dolną krawędź, rodzaj linii podkreślenia, a linia granicy przebiega tak daleko, jak mój tekst, chcę, żeby długość obramowania była dłuższa niż moja długość tekstu. – user12074577