网页border(网页border怎么用)
网页制作：css 中倾斜的border 样式怎么写
font:italic bold 12px sans-serif;从左到右依次是 斜体 加粗 12号sans-serif字体
[急]用table做网页，设置了border为1px怎么还是觉得很粗？
因为边框默认1px就是那么粗的 所以需要细边框的话可以用别的方法实现
设置Table的细边框通常有这么几种方式：
1、设置边框的BORDER=0 、cellspacing=1，设置Table的背景色为所要的边框色，再设置所有的td背景色为白色，这样细边框就显露出来了。这个方法有些邪气，看似不太正宗，但是也能达到效果，条条大路通罗马嘛！
再来看看第二种方法：
2、设置BORDER=0 ，再通过CSS，给Table加上1px的border-top,border-left，然后再设置所有的td的border-right,border-bottom，这样也能达到所要的效果。可见CSS很是强大啊。
今天在实践过程中发现，以上两种方式生成的HTML在Word中打开则发生问题，不能达到预期效果。怎么办呢！？
下面介绍一种更为简便有效的方法：
3、设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid #000 1px;}，大功告成！而且Word也能认出这种设置。
样式表如下：
table#border{
border-top:#000 1px solid;
border-left:#000 1px solid;
}
table#border td{
border-bottom:#000 1px solid;
border-right:#000 1px solid;
}
然后再要加边框的html文件中加上
table id="border" border="0" cellspacing="0"
其中CSS中的table表示修饰的对象是table，#表示这是一个ID
border属性过时
border是一种网页格式，而且是一种比较常用的模式，对于网页文本颜色属性的调试都有着明显的作用，因此不会出现过时
如何制作网页边框
额~ 帮你说下吧~
首先你上面的那个边框是存在效果的，有两种CSS2.0做不出来的效果，一是圆角，二是颜色变化。
当然颜色变化可以用别的方法实现，如果是CSS3.0 的话就都可以做出来，但是不同浏览器对CSS3.0支持程度不一样，其中做这个最方便的就是Firefox， 代码如下：
!DOCTYPE html
html
head
titleBorder in CSS3.0/title
style
#box {
width:300px;
height:200px;
border:solid 4px #f4bc44;
border-radius:3px; /* 圆角，印象中原来火狐要用 -moz-border-radius:3px; 我这个是4.0+ 的，这样也可以，没有以前的版本了，没试 */
/* 下面这四句就是用来定义边框颜色变化的，不明白的话可以自己试着换些颜色看，Firefox 3.5 及以上版本支持，建议自己在FF里面看下效果 */
-moz-border-top-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-right-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-bottom-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
-moz-border-left-colors:#ffdd90 #ffdd90 #ffdd90 #f4bc44;
}
/style
/head
body
div id="box"
/div
/body
/html
webkit 内核的浏览器对CSS3.0支持的很好，但是很遗憾还不支持 border-colors属性，所以在Chrome或者Safari里面要想别的办法了，代码如下（opera 里面也可以这样做）：
!DOCTYPE html
html
head
titleBorder in CSS3.0/title
style
#box {
width:300px;
height:200px;
border:solid 3px #ffdd90;
border-radius:3px;
}
#inner {
width:298px;
height:198px;
border:solid 1px #f4bc44;
}
/style
/head
body
div id="box"
div id="inner"
/div
/div
/body
/html
CSS3.0 还有一个方法就是 border-image 也很放。
IE家族就很恶心了，这种效果目前还只能用图片替代。用图片做背景。当然还要考虑背景的自适应问题，很麻烦，你可以百度一下。