作者b0339576 (<(￣︶￣)>)
看板Blog
标题Re: [痞客] 图片外框设定
时间Wed Feb 16 18:39:17 2011
※ 引述《duosp (寒假...)》之铭言：
: 请问 这个部落格http://standinghere.pixnet.net/blog
: 他的图片旁边都有一条白白的外框，是怎麽设定的?因为他的外框不是很直角，有点圆角
: 看起来很漂亮
: CSS语法是什麽? 已经问过作者本人
: 他只说很简单用IMG编辑，我还是不懂，所以来问看看乡民们!!
图片的圆角应该是用软体做的 (免费的PhotoScape可以快速制作)
至於白色外框的圆角虽然可以用css语法，不过不是每种浏览器都看得见
所以如果希望每种浏览器都看得见的话，建议还是使用修图软体
---
CSS的作法：
1.先在样式表里面插入下面语法
img.radius{
border:1px solid #ccc;
padding:3px;margin-bottom:5px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; }
2.之後在编辑文章时，插入图片後，切到html(原始码)介面
找到相对的 <img src="图片网址">
把它改成 <img src="图片网址" class="radius"> 就好罗
(只是如果有很多张图的话就要改很多次！)
以上
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.27.38.68
1F：推 duosp:成功了耶~ 感谢 02/16 21:21