Text Image

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<style>
    img{
        width: 250px;
        height: 250px;
        object-fit: contain;
        border-width: 7px;
        border-style: solid;
        border-color: red;
        border-radius: 50%;
        outline: solid 7px blue;
        /* border-top-left-radius: 31px; */
        outline-offset: 7px;
    }
    p{
        color: rgb(189,77,674);
        /* direction: rtl; */
        /* text-align: right; */
        /* letter-spacing: 14px; */
        /* word-spacing: 14px; */
        /* text-indent: 43px; */
        text-decoration: underline;
        text-decoration-style: dashed;
        text-decoration-color: red;
        text-transform: uppercase;
        white-space: nowrap;
        text-shadow: 71px 73px 2px black;

    }

    .div{
        width: 250px;
        height: 250px;
        object-fit: contain;
        border-width: 7px;
        border-style: solid;
        border-color: red;
        border-radius: 50%;
        outline: solid 7px blue;
        /* border-top-left-radius: 31px; */
        outline-offset: 7px;
    }

</style>
</head>
<body>
<p>
    The following example demonstrates how to set the text color. Possible value
    could be any color name in any valid format.
</p>

<img src="computer.jpg">

<div class="div">
    <p>
        The following example demonstrates how to set the text color. Possible value
        could be any color name in any valid format.
    </p>
</div>

</body>
</html>

Comments

Post a Comment