Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in [path]/includes/class_bootstrap.php(430) : eval()'d code on line 110
How Do You Make Border Rounded With CSS3?

Results 1 to 5 of 5

Thread: How Do You Make Border Rounded With CSS3?

  1. #1
    Senior Member
    Join Date
    Apr 2013
    Posts
    779
    Thanks
    0
    Thanked 5 Times in 5 Posts

    How Do You Make Border Rounded With CSS3?

    How Do You Make Border Rounded With CSS3?

  2. #2
    Senior Member
    Join Date
    Jan 2014
    Posts
    222
    Thanks
    0
    Thanked 0 Times in 0 Posts
    With the CSS3 border-radius property, we can give any element rounded corners.

  3. #3
    Member
    Join Date
    Dec 2018
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts
    SS Rounded Corners. Tip: This property allows you to add rounded corners to elements! Four values - border-radius: 15px 50px 30px 5px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner):

  4. #4
    Senior Member
    Join Date
    Sep 2018
    Posts
    149
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You can make border rounded by using border-radius property. The border-radius property can have from one to four values.
    The border-radius property is actually a shorthand property for the border-top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius properties.
    Four values - border-radius: 10px 20px 30px 40px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner)

  5. #5
    Member
    Join Date
    Dec 2018
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts
    CSS Rounded Corners
    Tip: This property allows you to add rounded corners to elements! ...
    Four values - border-radius: 15px 50px 30px 5px; (first value applies to top-left corner, second value applies to top-right corner, third value applies to bottom-right corner, and fourth value applies to bottom-left corner):

Similar Threads

  1. What Is Webkit In CSS3? And Why Is It Used?
    By dennis123 in forum Website design
    Replies: 1
    Last Post: 01-29-2019, 10:21 AM
  2. Replies: 2
    Last Post: 01-04-2019, 08:40 AM
  3. What Is Grouping In CSS3?
    By dennis123 in forum Website design
    Replies: 3
    Last Post: 12-29-2018, 04:24 AM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •