怎样用CSS使层的四个边角变的圆滑一些

html-css070

怎样用CSS使层的四个边角变的圆滑一些,第1张

用到了这条代码：border-radius-left,top,bottom,right

例子如下：

<!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>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<div style="border:3px #000 solidborder-top-right-radius:10pxborder-top-left-radius:5pxborder-bottom-left-radius:6pxborder-bottom-right-radius:20pxwidth:50pxheight:50pxbackground:#f60"></div>

<div style="border:3px #000 solidborder-radius:10pxwidth:50pxheight:50pxbackground:#fff"></div>

</body>

</html>

1、打开WORD软件，在菜单，点击“页面布局”-“页面边框”，如图：2、出现页面边框对话框，可以对边框进行设置“有”或“无”。有的的形式，还有横线的式样。如果选择方框为有，在右边就马上看到设置后效果，如图：3、还可以通过表格工具调整边框大小。在“样式”这里可以对线的“样式”，“颜色”，线的“宽度”进行设置。

css+div的边框是花纹的，其代码为:

css:#dash{border:1px dashed redwidth:200pxheight:60px}

html:<div id="dash"></div>

css+div的标准含义:叠样式表（Cascading Style Sheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。

css+div可以通俗的解释为:如果把整个房间的地板比喻成一个网页的话,那<div>就是地板砖,一个个的排列起来,组成了这个网页.而这 些div你要他怎样显示呢?就靠CSS来控制他的大小。

代码定义:就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。

代码的用处:代码是实现你需要的过程。