Ich versuche, einem Inhalt auf WordPress einen Rahmen hinzuzufügen, und weil ich nicht weiß, wie man eine CSS-Datei hinzufügt, habe ich versucht, alles in HTML zu tun (oder zumindest denke ich, dass es HTML ist). Meine Kenntnisse des Programmierens sind meinen Jahren in der Highschool überlassen.
Dies ist der Inhalt, um den ich einen einfachen schwarzen Rand von 1 oder 2 px erstellen möchte:
<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;" frameborder="1"></iframe>
jedoch funktioniert dies nicht. Also ich habe es so versucht:
<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;" frameborder="1"></iframe> <style> iframe.solid {border-style:solid} </style>
aber auch das ging nicht.
Wie setze ich die Dinge richtig, ohne unbedingt eine separate CSS-Datei zu verwenden?
Wenn Sie das Inline-HTML-Styling verwenden möchten:
<iframe src="https://link_to_my_file/file.pdf"
style="width:1000px; height:300px; border: 1px solid black;"></iframe>
Die Ausgabe im Snippet funktioniert nicht. Attribute, die in HTML5 für veraltet sind <iframe>
scrollen
Bilderrandbereich
ausrichten
langabst
Randbreite
Anstatt diese als Iframe-Inline-Attribut zu verwenden, können Sie sie in CSS verwenden
DEMO:
iframe{
border:4px solid red;
}
<iframe src="https://www.google.co.in/?gfe_rd=cr&dcr=0&ei=WyV_WvDBOY_E8wfHmba4Aw"></iframe>
Besuchen Sie diesen Link, um weitere Informationen zu veralteten Attributen zu erhalten
https://html.com/tags/iframe/
Fügen Sie einfach die Rahmendeklaration zu style=”” innerhalb des iframe-Tags hinzu.
<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px; border: 2px solid red"></iframe>
