css3怎么加内边框


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style>

div.container

{

    width:30em;

    border:1em solid;

}

div.box

{

    box-sizing:border-box;

    -moz-box-sizing:border-box; /* Firefox */

    width:50%;

    border:1em solid red;

    float:left;

}

</style>

</head>

<body>

 

<div class="container">

<div class="box">这个 div 占据了左边的一半。</div>

<div class="box">这个 div 占据了右边的一半。</div>

</div>

 

</body>

</html>

实现效果:

f63f396c2684f818c15794e648c36b6.png

相关推荐:CSS教程

以上就是css3怎么加内边框的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

transition-property属性怎么用

CSS3实现一个奥运五环

用h5和CSS3制作全屏背景轮换播放教程

html5+CSS3实现无插件拖拽上传图片(支持预览与批量)的详情介绍

CSS3 简介

html5实践-详细介绍CSS3中的几个属性text-shadow、box-shadow和border-radius

CSS3实现信纸/同学录效果(代码示例)

一招搞定css不规则边框

column-width属性怎么用

html如何取消文本选中

更多相关阅读请进入《CSS3》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...