Hoe Website Borders maken

Making website grenzen is vrij makkelijk als je op zijn minst een basiskennis van HTML.Grenzen zijn een soort versiering die wordt toegevoegd aan een website om het een beetje meer flair.Borders hebben stijlen van hun eigen, die de grens ontwerp, kleur en breedte bevatten.Ze kunnen rond alinea's, citaten, lijsten en pagina's worden geplaatst.Als u Photoshop of een soortgelijk programma, kunt u uw grenzen te passen.

wat je

  • tekst editor
  • HTML-editor (optioneel)
    Need
  • Photoshop (optioneel)

instructies

  1. bepalen waar de grens gaan.

    Gebruik HTML in een tekstverwerker, zoals Notepad, om de locatie van de grens te bepalen.Om dit te doen, moet je de definitie binnen de juiste HTML-tag in te voegen.Bijvoorbeeld, als u wilt dat uw grens om een ​​lijst te omringen, moet u eerst de lijst definiëren;binnen die tag, de grens te bepalen.

    & lt; UL type = "disc" style = "border

    Voor een rand om een ​​paragraaf, binnen de paragraaf tag definieert de grens

    . & Lt; p style =" border

    Als u slechts één kant van deparagraaf te worden begrensd, definieert de kant..

    & lt; p style = "border-right

  2. kenmerken de grens stijl

    Zodra je de grens te definiëren, moet u de kenmerken ervan te identificeren Borders kan vast, gestreepte., gestippeld, inzet of een van de vele andere soorten Om een ​​solide website rand te maken rond een paragraaf volgt dit voorbeeld:

    & lt; p style = "border-style: solid

  3. Definieer de grens kleur.

    Misschien wil je grens naar zwart zijn, of je zou willen dat het blauw zijn.Om de kleur rond een paragraaf grens te bepalen, onder meer de kleur in de paragraaf stijl tag.

    & lt; p style = "border-style: solid; border-color: blue

    Opmerking: Om ervoor te zorgen dat je de grens is de juiste kleur blauw, je zou willen om het meer nauwkeurig te definiëren met behulp van HTML-kleurcodes Navy.blauw, bijvoorbeeld, zou zijn # 33339F.

  4. Definieer de dikte van de grens is. Als je niet geven de grootte van de grens lijnen, zal browsers zelf bepalen wat je wilt. Dit kan ertoe leiden dat uw pagina te verschillend in te kijken. elke browser kan de definities van de grens dikte eenvoudige woorden --- dik, dun of middellange - of ze kunnen worden in meer accurate maten, zoals 100px

    & lt; p style = "border-style:. solide;border-color: blue;border-width:.. dun "& gt; In deze paragraaf zal een solide, blauw, dunne lijn hebben omheen & lt; / p & gt;

  5. Pas uw website grenzen

    Dit is een optionele stap die je de grens veel mooier kan maken Gebruikeen afbeelding of imaging software zoals Photoshop om een ​​aangepaste grens te creëren en plaatst het beeld met behulp van de "border-image" tag.

Resources

  • Basic HTML Tutorial
  • maken van een website
136
0
0
Web Design