Creating an Iframe in CSS

Pin It


Creating Iframe with help of CSS is an easy task. We will take help of CSS selector.

<style type="text/css">
.iframe_class{
    height:150px;
    width:300px;
    overflow:auto;
    color:#fff;
    background:#369;
    border:1px solid #33a;
    padding: 3px;
}
</style>

Somewhere in body, we can use above created iframe_class selector in following way.

<span class="iframe_class">Some Text Goes Here.. Dummy Text.</span>

Download Example:
Example of Creating Iframe in CSS

1 pingback on this post
Submit your comment

Please enter your name

Your name is required

Please enter a valid email address

An email address is required

Please enter your message

Twitter

  • May 2, 2012 04:15

    10 Free WordPress Theme To Make You Forget About Premium Theme http://t.co/YRiLCiVa

  • March 2, 2012 17:16

    3 Helpful Tools to Test Cross Browser Compatibility of Webpage http://t.co/FY0jh8Dn

  • March 2, 2012 16:43

    3 Helpful Tools to Test Cross Browser Compatibility of Webpage http://t.co/QUlYKInf #IE #FF #Chrome #Testing #CrossBrowser

  • March 2, 2012 12:52

    Top 5 Plugins to Build Contact Form for WordPress http://t.co/PWyR08Iq #WordPress #Plugins #ContactForm

  • June 11, 2011 02:49

    CSS 3 Transitions http://bit.ly/m0pK3t

Design Gala © 2012 All Rights Reserved

Designed by 76miles

Powered by WordPress