CSS - Sprechblasen erstellen

Sprechblasen für Gästebücher, Kommentare oder Gedichte.

David
Ich denk' nicht positiv, doch bin ich.
"Denk" nicht negativ, doch sinnig.
Ich schätze mal, du Optimist,
Du schriebst mal wieder ganz schön Mist. 😁
Mike A.
Wenn ich sterbe, möchte ich lächelnd im Schlaf sterben, wie mein Opa,
nicht schreiend und weinend wie sein Beifahrer.
Werner
Liebesgedicht
Wenn meine Hände deinen Hals berührn,
wenn ich deinen Mund an meinem spür,
dann weiß ich du bist hier -
mein geliebtes Flaschenbier.
Andrea P. - 19.09.2021 - ⭐⭐⭐
Ich für meinen Teil lehne das Teufelszeug Internet *strikt* ab. Nur Pornos und
geraubte Kopien oder kopierte Räuber und nichts erbauliches, es verderbt die Jugend.
Hinfort, hinfort, leider brennen PCs schlecht ...

<style>

dt.name {
 
margin-left25px;
 
margin-bottom20px;
}

dd.sprechblase {
 
positionRelative;
 
margin0 Auto;
 
padding1rem;
 
border-radius15px;
 
background-color#D6EBEB;
}

dd.sprechblase:before {
 
content' ';
 
positionAbsolute;
 
width0;
 
height0;
 
left28px;
 
top: -17px;
 
border-left14px Solid Transparent;
 
border-right14px Solid Transparent;
 
border-bottom17px Solid #D6EBEB;
}
</
style>

<
dl>
 <
dt class="name"> Name </dt>
 <
dd class="sprechblase"> Inhalt </dd>
</
dl>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<samp> Logische Auszeichnung

CSS - Hintergrundbild absolut positionieren

PHP - Den Schlüssel eines Arrays überprüfen

JavaScript - Die Textauswahl in Zwischenablage kopieren

MySQL - Die Differenz zweier Uhrzeiten ermitteln