（div+css） div圆角

╰半橙微兮° 2023-10-16 20:35 54阅读 0赞

本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <title>CSS3实现DIV圆角 - CSS3教程 - 计划 - 博客园</title> 
    <meta name="keywords" content="www.jb51.net"/> 
    <style type="text/css"> #yuanjiao{ 
    font-family: Arial; 
    border: 2px solid #379082; 
    border-radius: 20px; 
    padding: 30px 30px; 
    width: 330px; 
    }</style> 
    </head> 
    <body> 
    <div id="yuanjiao"> 
    本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者IE9。IE6、7、8不支持。
    
    脚本之家CSS3教程
    
    </div> 
    </body> 
    </html>

效果图(Chrome)：  
![SouthEast][]

[SouthEast]: https://img-blog.csdn.net/20141027135636500?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast

发表评论取消回复

表情：

评论列表（有 0 条评论，54人围观）

还没有评论，来说两句吧...

相关阅读

相关 css3怎样设置div边框圆角怎样把div变成圆形

如果没有设置圆角则会显得比较方正通过设置border-radius可以让边角变得圆润 ![watermark_type_ZmFuZ3poZW5naGVpdG...

灰太狼/ 2024年04月17日 20:19/ 0 赞/ 61 阅读

相关 DIVCSS使用要点是什么

css 兼容要点：doctYPe 影响 css 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, ie 不行 FF

爱被打了一巴掌/ 2024年04月03日 09:31/ 0 赞/ 119 阅读

相关关于divcss的使用详细介绍

第一步：先建立index.html和css.css两个文件。放在同一目录里 \[建议编辑工具用dreamweaver以后简称dw\] 第二步：在index.ht

红太狼/ 2024年04月03日 09:30/ 0 赞/ 120 阅读

相关 DIVCSS技术如何入门

css是cascading style sheets(层叠样式表单)的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助css的强大功能，网页

我会带着你远行/ 2024年04月03日 09:30/ 0 赞/ 107 阅读

相关（div+css） div圆角

本实例是CSS3实现DIV圆角。实现圆角的CSS3代码句是： "border-radius: 20px;" 。需使用支持CSS3的浏览器运行,例如新版的Chrome、火狐，或者

╰半橙微兮°/ 2023年10月16日 20:35/ 0 赞/ 55 阅读

相关绘制圆角绘制圆角绘制圆角

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.andr

曾经终败给现在/ 2023年10月03日 09:26/ 0 赞/ 21 阅读

相关 css圆角三角形3个圆角_CSS中的圆角

css圆角三角形3个圆角 CSS | 圆角 (CSS | Rounded Corners) border-radius property is commonly use

墨蓝/ 2023年03月05日 09:57/ 0 赞/ 98 阅读

相关圆角效果

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

柔情只为你懂/ 2022年12月03日 12:56/ 0 赞/ 312 阅读

相关 DIV+CSS圆角边框

简洁型css圆角：方法1：简洁型css圆角矩形 code1: [![复制代码][copycode.gif]][copycode.gif 1] ![Expanded

小灰灰/ 2022年08月27日 08:50/ 0 赞/ 261 阅读

相关圆角特征

1.等半径圆角特征 2.多半径圆角特征 3.变半径圆角特征 4.面圆角特征 5.完整圆角特征 1、等半径圆角特征就是生成的圆弧面的半径不变。 ![1047760-

缺乏、安全感/ 2021年12月24日 13:47/ 0 赞/ 235 阅读