12下一页
返回列表 发新帖

css定义div圆角边框

494.7k 14
swmozowtfl 发表于 2015-7-9 23:19:33|湖北 | 查看全部 阅读模式
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en   B4 d1 u( A) x; A( Y6 l* i
>$ o4 R7 T7 I" \2 _$ f
<html xmlns= lang=zh-cn>$ o0 ^# D$ n- G  e) X
<head>
; g4 N. S. \6 Z6 M+ E3 h- u. b<meta http-equiv=content-type content=text/html; charset=gb2312 />: v! b+ U# A7 A& K3 D4 M
<title>testdiv</title>
* w$ D; I3 K- z- }0 C<style>6 C7 o6 P; [& D$ A; Q$ V
#d1,#d3,#d4{- t3 E2 s; J0 d5 G( ?8 @; \) W
margin:5px 0px;
; k' O/ S0 L8 h: b: C  z+ A5 Wwidth:200px;  _! B, i3 F) L
background-color:#eee;* K& e+ ?1 t0 a$ a! C8 q+ C+ F
}
# Z$ f" g' u$ e) g3 A" G#d1{) R( L3 K( ]0 S5 t5 o& Y& ~
border:1px solid #444;& w9 Y0 Z9 u! y4 K+ h
height:100px;! N0 s. r: S5 m7 J/ r# f( v
padding:0px 15px;
- Q1 L! d  e5 v- {, Y4 Q}# v9 m$ ?4 f4 l: i* [& ?- V( g
#d3,#d4{
/ k3 F$ k0 d4 ]9 i+ Mmargin-top:0px;
( A, P( M# j, g8 Amargin-bottom:0px;- H, I1 p4 C% p+ q8 v' x! b
border-left:1px solid #444;
+ P) n5 S. F# P% j! aborder-right:1px solid #444;" T( h  _9 Y1 I
}
* _8 M" q6 G- X5 R6 O.m{
. \8 g: K/ C: Hheight:100px;
* `# }* c/ z2 H2 @width:200px;
  s: o! U, {0 t. qpadding:0px 15px;
/ q+ R' Q, F6 ?& H3 y' `position:relative;1 u. j3 r; Y, q, F
}
6 i8 b- T: }) e) O#d3 .m{
& B0 U' g9 V& ^" E8 j! b: `- t5 s! umargin:-4px 0px;% r. b/ C5 z" i% [* z1 Y  g
}1 O7 W; Y" ]  N5 B
#d4 .m{
" o+ A! ?4 s; Dmargin:-5px 0px;9 Y! f* ?8 R0 z5 S. g+ n, E
}
* g% h& N! j( `' U3 m( _.rt,.rb{: Z6 J. Q& K. G. }$ D$ J
display:block;
6 D8 u! l) g4 ewidth:232px;+ v" M% G* A: k/ V5 t( a" B
margin-left:0px;8 \9 z1 a/ e9 E. [" q2 r
margin-right:0px;
6 k* w& i3 q8 L2 G( M; E7 U0 Y7 O}& S# p; m; s0 n4 u; N) Z: h4 j, q
.rt{
+ w& F0 g; [0 I7 y2 u* ?2 H7 `margin-top:5px;
9 U) E3 G* b  z6 |$ D) J}% l) [$ W& m7 G8 }* l
.rb{
+ F8 ^( q7 S5 l. }' M) Fmargin-bottom:5px;9 {7 b+ Z8 \) k" o  w5 C" u/ _0 @
}8 Y" H9 R; v% X& {& ~
.rt *,.rb *{% @  z0 c8 T. T6 Q4 e
display:block;( [- q: E, b" M2 c0 b' l; |: I, Y
height: 1px;
1 R4 t/ i# m! c8 Ioverflow: hidden;+ O2 B! U# ^( |* W
background-color:#eee;- D0 |2 [9 p/ Z; O/ ?
border-left:1px solid #444;
: G! Q; ^0 a9 U, W) zborder-right:1px solid #444;# W( g, s! w- C: `& i) M
}
5 q1 ~8 f* L  u9 U# Q0 x1 M7 D.r1{* r9 d) B: u8 k& x$ [8 F: ]
margin: 0 5px;
1 T! [3 \0 o! j: H0 ?) r0 S1 Rbackground-color:#444;1 [  v; d8 ?' x
}
# x4 Z: U' j9 L9 {: l2 I.r2{5 o. t- f" h0 Z: Y/ v8 G
margin: 0 3px;
5 m3 X; z. [' c" D7 @border-width:0px 2px;0 L  d$ d: Y3 \( N& w5 k- a, G
}# K" T! g+ `% K' U* v3 G) i
.r3{; _, \, D! ^% o, K
margin: 0 2px;
& G6 \. V% ?. T; y! ?7 f}! X/ s% {: A* E& i& R$ }# c
.r4{4 a/ U' U4 p' I: z
margin: 0 1px;
* b$ w8 u# q* Z) n; j4 W. @height: 2px;5 _' ?. i: ~3 u4 x1 m6 ?
}
0 x6 [& s% i6 F% K. Z.rb1{) D& C0 o  e$ e, A6 ^! ^0 K5 ^: L
margin: 0 6px;" T  `- Z$ _# ~* P9 I- b0 M$ Z
background-color:#444;2 N/ D! o% S0 t) x, V
}
4 a# t' Z3 ^( C$ @; V6 H) S4 @.rb2{0 Z6 N. {. @7 l. Q& W" k0 S: r4 T
margin: 0 4px;3 c. J4 P( H: c; U- Q
border-width:0px 2px;
1 F; }/ o& q0 c" j  t/ s, g: H! e}. _! I6 ?/ }% X9 @2 o; M/ G" J
.rb3{. e3 n! B& d  J, ~' Q
margin: 0 3px;
7 `* \1 `3 @, B2 t4 @}
' T$ y2 x3 e4 `, E- o6 S.rb4{  Q* z5 U7 [2 a# e; \
margin: 0 2px;
4 ?  p9 u! g5 D( b}
0 Z; q( K1 w' l$ h" T& `.rb5{' a5 i! K' W# H8 n' f
margin: 0 1px;6 n7 k/ e9 s: F$ k
height: 2px;8 p+ m8 C- A+ V& R
}3 u' {2 |( u  J; W7 Y$ k: g4 _
</style>
- [  Z  T  M* H& w* W" J" L</head>
3 H' E5 C; t  `0 t% B9 Z<body>
2 z/ W' b" z% r4 j; S% l2 w) Q<div id=d1>r=...</div>* V) Q6 b" S8 L3 x. R' r
<b class=rt><b class=r1></b><b class=r2></b><b class=r3></b><b 3 @/ p6 e' j0 Z( C, F
class=r4></b></b>
; P2 K1 x* u$ e8 b% i' @4 P# K. [9 a<div id=d3>$ |8 j- ]# n/ ]' |/ n
<div class=m>r=5</div>( o( b; }$ Z# Z( J7 v1 C# O) {
</div>
% ^1 x2 @- P5 _, e' O3 J<b class=rb><b class=r4></b><b class=r3></b><b class=r2></b><b / x- P: x- s8 R( \3 I+ J
class=r1></b></b>
, k5 G, d; P4 M0 w9 C$ }<b class=rt><b class=rb1></b><b class=rb2></b><b class=rb3></b><b 1 A' W" S8 U. ?
class=rb4></b><b class=rb5></b></b>
; b7 r6 J8 t+ k+ y<div id=d4>
4 G3 \  N  M, O5 R( p<div class=m>r=6</div>( x5 ?6 |7 j$ Q% V9 {+ r( X
</div>. q0 g+ I% I0 X
<b class=rb><b class=rb5></b><b class=rb4></b><b class=rb3></b><b * Y1 d5 U$ B% E5 x3 F
class=rb2></b><b class=rb1></b></b>
, I$ i! [% X5 |1 J& z8 \9 V</body>' k: D) e* l' F; ^. P- z
</html>) _- c* c0 c9 b( _1 X

9 h9 W! W% s! z) \# v更多网页制作信息请查看: 网页制作

回复|共 14 个

Acropozelan 发表于 2016-2-23 16:41:18|Reserved | 查看全部
额~哦........偶无语
alapScady 发表于 2016-2-23 16:41:46|美国 | 查看全部
也有啊,前天不是你也到一个很狂的贴里去了吗?
gevaemaidovef 发表于 2016-2-23 16:41:58|Reserved | 查看全部
楼猪.重量级人物阿.
Mqokjdvq 发表于 2016-2-23 16:42:24|Reserved | 查看全部
哈哈 小心被她看见哦~~~~
tohme 发表于 2016-2-23 16:42:02|Reserved | 查看全部
今天没事来逛逛
mwxny 发表于 2016-3-24 19:26:16|INNA | 查看全部
看到本ID的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为! 内有“加关注”三字,你就顺手把它点了吧。相得准,我分文不收;相不准,你也好回来找我。
Acropozelan 发表于 2016-3-24 19:26:01|美国 | 查看全部
出来混 迟早都是要灌的——不灌水怎么混啊
wwdu926a 发表于 2016-3-24 19:26:19|湖北 | 查看全部
挨骂也是幸福~~~
wwzcdenleclv 发表于 2016-3-24 19:26:42|北京 | 查看全部
呵呵,等着就等着....
GoodyFouppy 发表于 2016-3-24 19:27:18|美国 | 查看全部
貌似我真的很笨????哎
Acropozelan 发表于 2017-4-11 13:28:26|萨尔瓦多 | 查看全部
成长可以说已经是很幸福的了。但在另一方面,作者也不是温室里的花*,只能作些鸳鸯蝴蝶 的文章。在前面我已经说过了,这篇文章比形散神聚更胜一筹。诸位见过大风沙没有
wwzcdenleclv 发表于 2017-4-11 13:23:40|台湾 | 查看全部
你还想说什么啊....
buingeEvineus 发表于 2017-4-11 13:28:09|墨西哥 | 查看全部
老大,我好崇拜你哟
Mqokjdvq 发表于 2017-4-11 13:21:42|美国 | 查看全部
不错的东西 持续关注

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

得知互动是一个融创意、设计、开发、营销、生活、互联网于一体的专业交流分享平台。
Copyright © 2026 站长技术交流论坛|互联网技术交流平台|Ai技术交流平台 版权所有 All Rights Reserved. Powered by Discuz! X5.0 鄂ICP备15006301号-5|鄂公网安备 42018502006730号
关灯 在本版发帖 扫一扫添加QQ客服 返回顶部
快速回复 返回顶部 返回列表