1、如何在网页设计中运用“圆形”
C
2、网页设计中圆角矩形怎么实现例子
您好。【三佳网页设计】为您解答。
圆角矩形的css代码：border-radius:5px； ：5px“代表意思是”上 右 下 左 “都是5px；
希望可以帮到您！
3、网页设计中，怎么让DIV的边框的4个角呈圆角形
代码：
div{border-radius:5px 5px 0 0;}
设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角
border-radius:3px 4px 5px 6px
代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角。
.box2 img{border-radius:5px}
设置DIV中的图片为圆角图片。
4、网页中如何设计出圆圈背景。
第一是用图片代替，在ps中做出圆角之后再导出在页面进行制作；
第二就专是利用圆角样式border-radius:10px;
因为属这个样式有兼容性问题，所以做一些兼容备注，如下：
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
注：border-radius:10px;是样式的简写，这样写表示四个角的半径都是10px，如果写全的话就是border-radius:10px 10px 10px 10px;
5、网页制作中 无序列表如何加入 disc圆 circle圆圈 square方块？ 代码是怎样的？
我提供一些简单的代码。你记一下吧：
1.结构性定义
文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，像是「主题」）
文体 <BODY></BODY> （文件本体）
（由浏览器控制的显示风格）
标题 <H?></H?> （从1到6，有六层选择）
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）
强调 <EM></EM> （通常会以斜体显示）
特别强调 <STRONG></STRONG> （通常会以加粗显示）
引文 <CITE></CITE> （通常会以斜体显示）
码 <CODE></CODE> （显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> （有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗 <B></B>
斜体 <I></I>
底线 <U></U> （尚有些浏览器不提供）
删除线 <S></S> （尚有些浏览器不提供）
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT> （用单空格字型显示）
预定格式 <PRE></PRE> （保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER> （文字与图片都可以）
闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）
字体大小 <FONT SIZE=?></FONT>（从1到7）
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3）
字体颜色 <FONT COLOR="#$$$$$$"></FONT>
2.连结与图形
连结 <A href="/URL"></A>
连结到锚点 <A HREF="URL#***"></A>（如果锚点在另一个档案）
<A HREF="#***"></A> （如果锚点目前的档案）
连结到目的视框 <A href="/URL" TARGET="***"></A>
设定锚点 <A NAME="***"></A>
图形 <IMG src="/URL">
图形看齐方式 <IMG src="/URL" ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式 <IMG src="/URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG src="/URL" ALT="***"> （如果没有办法显示图形则显示此文字）
点选图 <IMG src="/URL" ISMAP> （需要CGI程式）
N2.0 点选图 <IMG src="/URL" USEMAP="URL">
N2.0 地图 <MAP NAME="***"></MAP>（描述地图）
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," href="/URL"|NOHREF>
3.0 大小 <IMG src="/URL" WIDTH="?" HEIGHT="?">（以pixels为单位） N1.0 图形边缘 <IMG src="/URL" BORDER=?> （以pixels为单位）
N1.0 图形边缘空间 <IMG src="/URL" HSPACE=? VSPACE=?> （以pixels为单位）
N1.0 低解析度图形 <IMG src="/URL" LOWsrc="/URL">
N1.1 用户端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">（使用端自动更新 ）
N2.0 内嵌物件 <EMBED src="/URL"> （将物件插入页面）
N2.0 内嵌物件大小 <EMBED src="/URL" WIDTH="?" HEIGHT="?">
3.分隔
段落 <P> （通常是两个return）
3.0 段落 <P></P> （新定义成容器型标签）
3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
换行 <BR> （一个return）
N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）
横线 <HR>
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 横线厚度 <HR SIZE=?> （以pixels为单位）
N1.0 横线宽度 <HR WIDTH=?> （以pixels为单位）
N1.0 横线比率宽度 <HR WIDTH=%> （以页宽为100%）
N1.0 实线 <HR NOSHADE> （没有立体效果）
N1.0 不可换行 <NOBR></NOBR> （不换行）
N1.0 可换行处 <WBR> （如果需要，可在此断行）
列举 （可以巢状列举）
无次序式列举 <UL><LI></UL> （<LI> 放在每一项前）
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）
<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项）
有次序式列举 <OL><LI></OL> （<LI> 放在每一项前）
N1.0 数标型态 <OL TYPE=A|a|I|i|1> （定义全部的列举项）
<LI TYPE=A|a|I|i|1> （定义这个及其后的列举项）
N1.0 起始数字 <OL value=?> （定义全部的列举项）
<LI value=?> （定义这个及其后的列举项）
定义式列举 <DL><DT><DD></DL>（<DT>项目, <DD>定义）
表单式列举 <MENU><LI></MENU>（<LI> 放在每一项前）
目录式列举 <DIR><LI></DIR> （<LI> 放在每一项前）
背景与颜色
3.0 重复排列的背景 <BODY background="/URL">
N1.1+ 背景颜色 <BODY BGCOLOR="#$$$$$$"> （依序为红、绿、蓝）
N1.1+ 文字颜色 <BODY TEXT="#$$$$$$">
N1.1+ 连结颜色 <BODY LINK="#$$$$$$">
N1.1+ 看过的连结 <BODY VLINK="#$$$$$$">
N1.1 使用中的连结 <BODY ALINK="#$$$$$$">
4.特殊字元（以下标签需用小写）
特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）
< < > > & & " "
注册商标TM ?
N1.0+ 注册商标TM ?
著作权符号 ?
N1.0+ 著作权符号 ?
5.表单 （通常需要与CGI程式配合）
定义表单 <FORM ACTION="URL" METHOD=GET|POST></FORM>
N2.0 上传档案 <FORM ENCTYPE="multipart/form-data></FORM>
输入栏位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">
栏位名称 <INPUT NAME="***">
栏位内定值 <INPUT value="***">
已选定 <INPUT CHECKED> （适用於checkboxes与 radio boxes）
栏位宽度 <INPUT SIZE=?> （以字元数为单位）
最长字数 <INPUT MAXLENGTH=?> （以字元数为单位）
下拉式选单 <Select></Select>
下拉式选单名称 <Select NAME="***"></Select>
选单项目数量 <Select SIZE=?></Select>
多选式选单 <Select MULTIPLE> （多选）
选项 <OPTION>
内定选项 <OPTION SelectED>
文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
输入区名称 <TEXTAREA NAME="***"></TEXTAREA>
N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定义表格 <TABLE></TABLE>
3.0 表格框线 <TABLE BORDER></TABLE> （有或没有）
N1.1 表格框线 <TABLE BORDER=?></TABLE>（可以设定数值）
N1.1 储存格]]
>
这就是一下简单的。你预习一下。
6、网页制作中如何对文字添加圆形背景图案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-1.8.1.js"></script>
<style type="text/css">
.radius{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}/*半径*/
.transform{
transform:rotate(45deg);
float: left;
}/*旋转*/
.box-shadow{
box-shadow: 7px 2px 20px #000;
}/*盒子阴影 x y 阴影模糊值 颜色*/
input[type=button]{
background: green;
border:0;
cursor: pointer;
color: white;
float: right;
}
.content{padding: 20px;background: pink;overflow: hidden;}
.model{width: 50px;height: 50px;background: blue;color: white}
.square{}
.circle{margin-left:20px;border-radius:50px;float: left;}
</style>
</head>
<body>
<div class="content radius">
<div class="model square transform box-shadow">321321</div>
<div class="model circle box-shadow"></div>
<input type="button" value="change" class="box-shadow">
</div>
</body>
</html>
复制 粘贴到你的 html文件 用 google 或者 火狐 或者Opera 或者 safari 打开 看看~~~
7、网页设计中，怎么让DIV的边框的4个角呈圆角形？
怎么能让一个DIV或者一个图片的四角为圆形呢？其实并不需要我们去把每个角都剪切掉，而只需要设置每个解的圆狐度即可。
案例代码：
div{border-radius:5px 5px 0 0;}设置DIV对象盒子左上角和右上角5px圆角，其它两个角为0不圆角
border-radius:3px 4px 5px 6px代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角.box2 img{border-radius:5px}
设置DIV中的图片为圆角图片。
8、网页设计图中圆形矩形背景色的代码怎么打，急急急急急
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
这是圆角样式，最后一个是常规样式，前面几个是用来解决多个浏览器内兼容问题容的